diff --git a/files/de/_redirects.txt b/files/de/_redirects.txt index a81a27176..8da97b438 100644 --- a/files/de/_redirects.txt +++ b/files/de/_redirects.txt @@ -1108,7 +1108,7 @@ /de/docs/Common_CSS_Questions /de/docs/Learn_web_development/Howto/Solve_CSS_problems/CSS_FAQ /de/docs/Common_XSLT_Errors /de/docs/Web/XSLT/Guides/Common_errors /de/docs/Configuring_Build_Options https://firefox-source-docs.mozilla.org/setup/configuring_build_options.html -/de/docs/Configuring_servers_for_Ogg_media /de/docs/Web/Media/Formats/Configuring_servers_for_Ogg_media +/de/docs/Configuring_servers_for_Ogg_media /de/docs/Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media /de/docs/Consistent_List_Indentation /de/docs/Web/CSS/CSS_lists/Consistent_list_indentation /de/docs/Const_statement /de/docs/Web/JavaScript/Reference/Statements/const /de/docs/Content_negotiation /de/docs/Web/HTTP/Content_negotiation @@ -1121,7 +1121,7 @@ /de/docs/Cryptanalysis /de/docs/Glossary/Cryptanalysis /de/docs/Cryptographic_hash_function /de/docs/Glossary/Cryptographic_hash_function /de/docs/CustomElements /de/docs/Web/API/Web_components/Using_custom_elements -/de/docs/DASH_Adaptive_Streaming_for_HTML_5_Video /de/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video +/de/docs/DASH_Adaptive_Streaming_for_HTML_5_Video /de/docs/Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video /de/docs/DOM /de/docs/Web/API/Document_Object_Model /de/docs/DOM/About_the_Document_Object_Model /de/docs/Web/API/Document_Object_Model /de/docs/DOM/AbstractView /de/docs/Web/API/Document/defaultView @@ -3900,7 +3900,7 @@ /de/docs/HTML/Link_types /de/docs/Web/HTML/Attributes/rel /de/docs/HTML/Manipulating_video_using_canvas /de/docs/Web/API/Canvas_API/Manipulating_video_using_canvas /de/docs/HTML/Optimizing_Your_Pages_for_Speculative_Parsing /de/docs/Glossary/speculative_parsing -/de/docs/HTML/Supported_media_formats /de/docs/Web/Media/Formats +/de/docs/HTML/Supported_media_formats /de/docs/Web/Media/Guides/Formats /de/docs/HTML/The_Importance_of_Correct_Commenting /de/docs/Learn_web_development/Core/Structuring_content/Basic_HTML_syntax#HTML_comments /de/docs/HTML/Tips_for_authoring_fast-loading_HTML_pages /de/docs/Learn_web_development/Howto/Solve_HTML_problems/Author_fast-loading_HTML_pages /de/docs/HTML/Using_HTML5_audio_and_video /de/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio @@ -4023,7 +4023,7 @@ /de/docs/Intro_HTML5 /de/docs/Learn_web_development/Core/Structuring_content /de/docs/Introducing_Content_Security_Policy /de/docs/Web/HTTP/CSP /de/docs/Introduction_to_Object-Oriented_JavaScript /de/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects -/de/docs/Introduction_to_using_XPath_in_JavaScript /de/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript +/de/docs/Introduction_to_using_XPath_in_JavaScript /de/docs/Web/XPath/Guides/Introduction_to_using_XPath_in_JavaScript /de/docs/JS/Glossary /de/docs/Glossary /de/docs/JS/this /de/docs/Web/JavaScript/Reference/Operators/this /de/docs/JS/with /de/docs/Web/JavaScript/Reference/Statements/with @@ -6056,7 +6056,7 @@ /de/docs/Media_Capture_and_Streams_API_(Media_Streams) /de/docs/Web/API/Media_Capture_and_Streams_API /de/docs/Media_Capture_and_Streams_API_(Media_Streams)/Constraints /de/docs/Web/API/Media_Capture_and_Streams_API/Constraints /de/docs/Media_Streams_API /de/docs/Web/API/Media_Capture_and_Streams_API -/de/docs/Media_formats_supported_by_the_audio_and_video_elements /de/docs/Web/Media/Formats +/de/docs/Media_formats_supported_by_the_audio_and_video_elements /de/docs/Web/Media/Guides/Formats /de/docs/Memory_Sanitizer https://firefox-source-docs.mozilla.org/tools/sanitizer/memory_sanitizer.html#memory-sanitizer /de/docs/Mobile/Mobile_Web_Development /de/docs/Learn_web_development/Core/CSS_layout/Responsive_Design /de/docs/MouseEvent.initMouseEvent /de/docs/Web/API/MouseEvent/initMouseEvent @@ -7470,20 +7470,20 @@ /de/docs/Transforming_XML_with_XSLT/An_Overview /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT/An_Overview /de/docs/Transforming_XML_with_XSLT/For_Further_Reading /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading /de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Axes#ancestor -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Axes#ancestor-or-self -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Axes#attribute -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Axes#child -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Axes#descendant -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Axes#descendant-or-self -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Axes#following -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Axes#following-sibling -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Axes#namespace -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Axes#parent -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Axes#preceding -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Axes#preceding-sibling -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Axes#self +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Reference/Axes#ancestor +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Reference/Axes#ancestor-or-self +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Reference/Axes#attribute +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Reference/Axes#child +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Reference/Axes#descendant +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Reference/Axes#descendant-or-self +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Reference/Axes#following +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Reference/Axes#following-sibling +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Reference/Axes#namespace +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Reference/Axes#parent +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Reference/Axes#preceding +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Reference/Axes#preceding-sibling +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Reference/Axes#self /de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Elements /de/docs/Web/XSLT/Reference/Element /de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Elements/xsl/apply-imports /de/docs/Web/XSLT/Reference/Element/apply-imports /de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Elements/xsl/apply-templates /de/docs/Web/XSLT/Reference/Element/apply-templates @@ -7520,43 +7520,43 @@ /de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Elements/xsl/variable /de/docs/Web/XSLT/Reference/Element/variable /de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Elements/xsl/when /de/docs/Web/XSLT/Reference/Element/when /de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Elements/xsl/with-param /de/docs/Web/XSLT/Reference/Element/with-param -/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Functions +/de/docs/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Transforming_XML_with_XSLT/Resources /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT /de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Reference/Axes /de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Elements/xsl/decimal-format /de/docs/Web/XSLT/Reference/Element/decimal-format /de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Elements/xsl/element /de/docs/Web/XSLT/Reference/Element/element -/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Functions +/de/docs/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Transforming_XML_with_XSLT:An_Overview /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT/An_Overview /de/docs/Transforming_XML_with_XSLT:For_Further_Reading /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Axes#ancestor -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Axes#ancestor-or-self -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:attribute /de/docs/Web/XPath/Axes#attribute -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:child /de/docs/Web/XPath/Axes#child -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:descendant /de/docs/Web/XPath/Axes#descendant -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Axes#descendant-or-self -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:following /de/docs/Web/XPath/Axes#following -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Axes#following-sibling -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:namespace /de/docs/Web/XPath/Axes#namespace -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:parent /de/docs/Web/XPath/Axes#parent -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:preceding /de/docs/Web/XPath/Axes#preceding -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Axes#preceding-sibling -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:self /de/docs/Web/XPath/Axes#self +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Reference/Axes#ancestor +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Reference/Axes#ancestor-or-self +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:attribute /de/docs/Web/XPath/Reference/Axes#attribute +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:child /de/docs/Web/XPath/Reference/Axes#child +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:descendant /de/docs/Web/XPath/Reference/Axes#descendant +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Reference/Axes#descendant-or-self +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:following /de/docs/Web/XPath/Reference/Axes#following +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Reference/Axes#following-sibling +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:namespace /de/docs/Web/XPath/Reference/Axes#namespace +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:parent /de/docs/Web/XPath/Reference/Axes#parent +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:preceding /de/docs/Web/XPath/Reference/Axes#preceding +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Reference/Axes#preceding-sibling +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Axes:self /de/docs/Web/XPath/Reference/Axes#self /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Elements /de/docs/Web/XSLT/Reference/Element /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Elements:xsl:apply-imports /de/docs/Web/XSLT/Reference/Element/apply-imports /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Elements:xsl:apply-templates /de/docs/Web/XSLT/Reference/Element/apply-templates @@ -7593,22 +7593,22 @@ /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Elements:xsl:variable /de/docs/Web/XSLT/Reference/Element/variable /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Elements:xsl:when /de/docs/Web/XSLT/Reference/Element/when /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Elements:xsl:with-param /de/docs/Web/XSLT/Reference/Element/with-param -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Functions /de/docs/Web/XPath/Functions +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT/XPath_Reference:Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Axes#ancestor -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Axes#ancestor-or-self -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:attribute /de/docs/Web/XPath/Axes#attribute -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:child /de/docs/Web/XPath/Axes#child -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:descendant /de/docs/Web/XPath/Axes#descendant -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Axes#descendant-or-self -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:following /de/docs/Web/XPath/Axes#following -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Axes#following-sibling -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:namespace /de/docs/Web/XPath/Axes#namespace -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:parent /de/docs/Web/XPath/Axes#parent -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:preceding /de/docs/Web/XPath/Axes#preceding -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Axes#preceding-sibling -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:self /de/docs/Web/XPath/Axes#self +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Reference/Axes#ancestor +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Reference/Axes#ancestor-or-self +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:attribute /de/docs/Web/XPath/Reference/Axes#attribute +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:child /de/docs/Web/XPath/Reference/Axes#child +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:descendant /de/docs/Web/XPath/Reference/Axes#descendant +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Reference/Axes#descendant-or-self +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:following /de/docs/Web/XPath/Reference/Axes#following +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Reference/Axes#following-sibling +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:namespace /de/docs/Web/XPath/Reference/Axes#namespace +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:parent /de/docs/Web/XPath/Reference/Axes#parent +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:preceding /de/docs/Web/XPath/Reference/Axes#preceding +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Reference/Axes#preceding-sibling +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Axes:self /de/docs/Web/XPath/Reference/Axes#self /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Elements /de/docs/Web/XSLT/Reference/Element /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Elements:xsl:apply-imports /de/docs/Web/XSLT/Reference/Element/apply-imports /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Elements:xsl:apply-templates /de/docs/Web/XSLT/Reference/Element/apply-templates @@ -7645,44 +7645,44 @@ /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Elements:xsl:variable /de/docs/Web/XSLT/Reference/Element/variable /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Elements:xsl:when /de/docs/Web/XSLT/Reference/Element/when /de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Elements:xsl:with-param /de/docs/Web/XSLT/Reference/Element/with-param -/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Functions /de/docs/Web/XPath/Functions +/de/docs/Transforming_XML_with_XSLT:Mozilla_XSLT_XPath_Reference:Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Transforming_XML_with_XSLT:Resources /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT /de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:attribute /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:child /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:descendant /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:following /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:namespace /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:parent /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:preceding /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:self /de/docs/Web/XPath/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:attribute /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:child /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:descendant /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:following /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:namespace /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:parent /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:preceding /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Axes:self /de/docs/Web/XPath/Reference/Axes /de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Elements:xsl:decimal-format /de/docs/Web/XSLT/Reference/Element/decimal-format /de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Elements:xsl:element /de/docs/Web/XSLT/Reference/Element/element -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Functions /de/docs/Web/XPath/Functions +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT/XPath_Reference:Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:attribute /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:child /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:descendant /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:following /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:namespace /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:parent /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:preceding /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Axes -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:self /de/docs/Web/XPath/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:ancestor /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:ancestor-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:attribute /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:child /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:descendant /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:descendant-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:following /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:following-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:namespace /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:parent /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:preceding /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:preceding-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Axes:self /de/docs/Web/XPath/Reference/Axes /de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Elements:xsl:decimal-format /de/docs/Web/XSLT/Reference/Element/decimal-format /de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Elements:xsl:element /de/docs/Web/XSLT/Reference/Element/element -/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Functions /de/docs/Web/XPath/Functions +/de/docs/Transforming_XML_with_XSLT:The_Netscape_XSLT_XPath_Reference:Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces /de/docs/Web/API/Document_Object_Model/Traversing_an_HTML_table_with_JavaScript_and_DOM_Interfaces /de/docs/URI /de/docs/Glossary/URI /de/docs/URI/www and non-www URLs /de/docs/Web/URI/Authority/Choosing_between_www_and_non-www_URLs @@ -7737,7 +7737,7 @@ /de/docs/Using_Web_Standards_in_your_Web_Pages:Making_your_page_using_web_standards_-_how_to /de/docs/Learn_web_development/Core/Structuring_content/Debugging_HTML /de/docs/Using_Web_Standards_in_your_Web_Pages:Using_XMLHttpRequest /de/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest /de/docs/Using_XMLHttpRequest /de/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest -/de/docs/Using_XPath /de/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript +/de/docs/Using_XPath /de/docs/Web/XPath/Guides/Introduction_to_using_XPath_in_JavaScript /de/docs/Using_an_External_Spell-checker /de/docs/Mozilla/Firefox/Releases/3/Using_an_external_spell_checker /de/docs/Using_audio_and_video_in_Firefox /de/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio /de/docs/Using_files_from_web_applications /de/docs/Web/API/File_API/Using_files_from_web_applications @@ -7746,9 +7746,9 @@ /de/docs/Using_gradients /de/docs/Web/CSS/CSS_images/Using_CSS_gradients /de/docs/Using_native_JSON /de/docs/Web/JavaScript/Reference/Global_Objects/JSON /de/docs/Using_the/target_selector /de/docs/Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors -/de/docs/Using_theMozilla_JavaScript_interface_to_XPath /de/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript +/de/docs/Using_theMozilla_JavaScript_interface_to_XPath /de/docs/Web/XPath/Guides/Introduction_to_using_XPath_in_JavaScript /de/docs/Using_the_:target_selector /de/docs/Web/CSS/CSS_Selectors/Using_the_:target_pseudo-class_in_selectors -/de/docs/Using_the_Mozilla_JavaScript_interface_to_XPath /de/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript +/de/docs/Using_the_Mozilla_JavaScript_interface_to_XPath /de/docs/Web/XPath/Guides/Introduction_to_using_XPath_in_JavaScript /de/docs/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations /de/docs/Web/API/XSLTProcessor /de/docs/Using_the_W3C_DOM_Level_1_Core /de/docs/Web/API/Document_Object_Model/Using_the_Document_Object_Model /de/docs/Using_the_W3C_DOM_Level_1_Core/Example /de/docs/Web/API/Document_Object_Model/Using_the_Document_Object_Model @@ -11428,33 +11428,33 @@ /de/docs/Web/Accessibility/Web_applications_and_ARIA_FAQ /de/docs/Web/Accessibility/ARIA /de/docs/Web/Apps /de/docs/Web/Progressive_web_apps /de/docs/Web/Apps/App_developer_tools https://firefox-source-docs.mozilla.org/devtools-user/index.html -/de/docs/Web/Apps/Build/Audio_and_video_delivery /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Apps/Build/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video -/de/docs/Web/Apps/Build/Audio_and_video_delivery/Cross-browser_audio_basics /de/docs/Web/Media/Audio_and_video_delivery/Cross-browser_audio_basics -/de/docs/Web/Apps/Build/Audio_and_video_delivery/H.264_support_in_Firefox /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Apps/Build/Audio_and_video_delivery/HTML5_playbackRate_explained /de/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained -/de/docs/Web/Apps/Build/Audio_and_video_delivery/Live_streaming_web_audio_and_video /de/docs/Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video -/de/docs/Web/Apps/Build/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources -/de/docs/Web/Apps/Build/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics -/de/docs/Web/Apps/Build/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained +/de/docs/Web/Apps/Build/Audio_and_video_delivery /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Apps/Build/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video +/de/docs/Web/Apps/Build/Audio_and_video_delivery/Cross-browser_audio_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics +/de/docs/Web/Apps/Build/Audio_and_video_delivery/H.264_support_in_Firefox /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Apps/Build/Audio_and_video_delivery/HTML5_playbackRate_explained /de/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained +/de/docs/Web/Apps/Build/Audio_and_video_delivery/Live_streaming_web_audio_and_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video +/de/docs/Web/Apps/Build/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Guides/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources +/de/docs/Web/Apps/Build/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics +/de/docs/Web/Apps/Build/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Apps/Build/Audio_and_video_delivery/Web_Audio_API_cross_browser /de/docs/Web/API/Web_Audio_API -/de/docs/Web/Apps/Build/Audio_and_video_delivery/buffering_seeking_time_ranges /de/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges -/de/docs/Web/Apps/Build/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player -/de/docs/Web/Apps/Build/Audio_and_video_manipulation /de/docs/Web/Media/Audio_and_video_manipulation +/de/docs/Web/Apps/Build/Audio_and_video_delivery/buffering_seeking_time_ranges /de/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges +/de/docs/Web/Apps/Build/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player +/de/docs/Web/Apps/Build/Audio_and_video_manipulation /de/docs/Web/Media/Guides/Audio_and_video_manipulation /de/docs/Web/Apps/Build/Control_the_display/Checking_when_a_deadline_is_due /de/docs/Web/API/IndexedDB_API/Checking_when_a_deadline_is_due /de/docs/Web/Apps/Build/JavaScript_API/navigator.mozApps.mgmt.addEventListener /de/docs/Web/API/EventTarget/addEventListener /de/docs/Web/Apps/Build/JavaScript_API/navigator.mozApps.mgmt.removeEventListener /de/docs/Web/API/EventTarget/removeEventListener -/de/docs/Web/Apps/Build/Manipulating_media /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Apps/Build/Manipulating_media/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video -/de/docs/Web/Apps/Build/Manipulating_media/Cross-browser_audio_basics /de/docs/Web/Media/Audio_and_video_delivery/Cross-browser_audio_basics -/de/docs/Web/Apps/Build/Manipulating_media/H.264_support_in_Firefox /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Apps/Build/Manipulating_media/HTML5_playbackRate_explained /de/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained -/de/docs/Web/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video /de/docs/Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video -/de/docs/Web/Apps/Build/Manipulating_media/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources -/de/docs/Web/Apps/Build/Manipulating_media/Video_player_styling_basics /de/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics +/de/docs/Web/Apps/Build/Manipulating_media /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Apps/Build/Manipulating_media/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video +/de/docs/Web/Apps/Build/Manipulating_media/Cross-browser_audio_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics +/de/docs/Web/Apps/Build/Manipulating_media/H.264_support_in_Firefox /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Apps/Build/Manipulating_media/HTML5_playbackRate_explained /de/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained +/de/docs/Web/Apps/Build/Manipulating_media/Live_streaming_web_audio_and_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video +/de/docs/Web/Apps/Build/Manipulating_media/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Guides/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources +/de/docs/Web/Apps/Build/Manipulating_media/Video_player_styling_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Apps/Build/Manipulating_media/Web_Audio_API_cross_browser /de/docs/Web/API/Web_Audio_API -/de/docs/Web/Apps/Build/Manipulating_media/buffering_seeking_time_ranges /de/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges -/de/docs/Web/Apps/Build/Manipulating_media/cross_browser_video_player /de/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player +/de/docs/Web/Apps/Build/Manipulating_media/buffering_seeking_time_ranges /de/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges +/de/docs/Web/Apps/Build/Manipulating_media/cross_browser_video_player /de/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Apps/Build/Performance/CSS_JavaScript_animation_performance /de/docs/Web/Performance/CSS_JavaScript_animation_performance /de/docs/Web/Apps/Build/Performance/Optimizing_startup_performance /de/docs/Web/Performance/Optimizing_startup_performance /de/docs/Web/Apps/Build/Performance/Performance_fundamentals /de/docs/Web/Performance/Fundamentals @@ -11472,24 +11472,24 @@ /de/docs/Web/Apps/Developing/Control_the_display/Checking_when_a_deadline_is_due /de/docs/Web/API/IndexedDB_API/Checking_when_a_deadline_is_due /de/docs/Web/Apps/Developing/JavaScript_API/navigator.mozApps.mgmt.addEventListener /de/docs/Web/API/EventTarget/addEventListener /de/docs/Web/Apps/Developing/JavaScript_API/navigator.mozApps.mgmt.removeEventListener /de/docs/Web/API/EventTarget/removeEventListener -/de/docs/Web/Apps/Developing/Manipulating_media /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Apps/Developing/Manipulating_media/H.264_support_in_Firefox /de/docs/Web/Media/Audio_and_video_delivery +/de/docs/Web/Apps/Developing/Manipulating_media /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Apps/Developing/Manipulating_media/H.264_support_in_Firefox /de/docs/Web/Media/Guides/Audio_and_video_delivery /de/docs/Web/Apps/Developing/Manipulating_media/Web_Audio_API_cross_browser /de/docs/Web/API/Web_Audio_API /de/docs/Web/Apps/Developing/Optimizing_startup_performance /de/docs/Web/Performance/Optimizing_startup_performance /de/docs/Web/Apps/Developing/Performance/Optimizing_startup_performance /de/docs/Web/Performance/Optimizing_startup_performance /de/docs/Web/Apps/Developing/Performance/Performance_fundamentals /de/docs/Web/Performance/Fundamentals -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics /de/docs/Web/Media/Audio_and_video_delivery/Cross-browser_audio_basics -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/H.264_support_in_Firefox /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Live_streaming_web_audio_and_video /de/docs/Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/H.264_support_in_Firefox /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Live_streaming_web_audio_and_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Guides/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Web_Audio_API_cross_browser /de/docs/Web/API/Web_Audio_API -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges /de/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges -/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player -/de/docs/Web/Apps/Fundamentals/Audio_and_video_manipulation /de/docs/Web/Media/Audio_and_video_manipulation +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/buffering_seeking_time_ranges /de/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges +/de/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player +/de/docs/Web/Apps/Fundamentals/Audio_and_video_manipulation /de/docs/Web/Media/Guides/Audio_and_video_manipulation /de/docs/Web/Apps/Fundamentals/Performance/CSS_JavaScript_animation_performance /de/docs/Web/Performance/CSS_JavaScript_animation_performance /de/docs/Web/Apps/Fundamentals/Performance/Optimizing_startup_performance /de/docs/Web/Performance/Optimizing_startup_performance /de/docs/Web/Apps/Fundamentals/Performance/Performance_fundamentals /de/docs/Web/Performance/Fundamentals @@ -11899,7 +11899,7 @@ /de/docs/Web/CSS/CSS_Scroll_Snap/compat /de/docs/Web/CSS/CSS_scroll_snap /de/docs/Web/CSS/CSS_Scroll_Snap_Points /de/docs/Web/CSS/CSS_scroll_snap /de/docs/Web/CSS/CSS_Scrollbars /de/docs/Web/CSS/CSS_scrollbars_styling -/de/docs/Web/CSS/CSS_Selectors/Comparison_with_XPath /de/docs/Web/XPath/Comparison_with_CSS_selectors +/de/docs/Web/CSS/CSS_Selectors/Comparison_with_XPath /de/docs/Web/XPath/Guides/Comparison_with_CSS_selectors /de/docs/Web/CSS/CSS_Shapes/Overview_of_CSS_Shapes /de/docs/Web/CSS/CSS_shapes/Overview_of_shapes /de/docs/Web/CSS/CSS_Shapes/Shapes_From_Box_Values /de/docs/Web/CSS/CSS_shapes/From_box_values /de/docs/Web/CSS/CSS_Text/Wrapping_text /de/docs/Web/CSS/CSS_text/Wrapping_breaking_text @@ -12436,18 +12436,18 @@ /de/docs/Web/Guide/API/WebRTC/Taking_webcam_photos /de/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos /de/docs/Web/Guide/API/WebRTC/WebRTC_architecture /de/docs/Web/API/WebRTC_API/Connectivity /de/docs/Web/Guide/API/WebRTC/WebRTC_basics /de/docs/Web/API/WebRTC_API/Signaling_and_video_calling -/de/docs/Web/Guide/Audio_and_video_delivery /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video -/de/docs/Web/Guide/Audio_and_video_delivery/Cross-browser_audio_basics /de/docs/Web/Media/Audio_and_video_delivery/Cross-browser_audio_basics -/de/docs/Web/Guide/Audio_and_video_delivery/H.264_support_in_Firefox /de/docs/Web/Media/Audio_and_video_delivery -/de/docs/Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video /de/docs/Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video -/de/docs/Web/Guide/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources -/de/docs/Web/Guide/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics -/de/docs/Web/Guide/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained +/de/docs/Web/Guide/Audio_and_video_delivery /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video +/de/docs/Web/Guide/Audio_and_video_delivery/Cross-browser_audio_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics +/de/docs/Web/Guide/Audio_and_video_delivery/H.264_support_in_Firefox /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Guide/Audio_and_video_delivery/Live_streaming_web_audio_and_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video +/de/docs/Web/Guide/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Guides/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources +/de/docs/Web/Guide/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics +/de/docs/Web/Guide/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Guide/Audio_and_video_delivery/Web_Audio_API_cross_browser /de/docs/Web/API/Web_Audio_API -/de/docs/Web/Guide/Audio_and_video_delivery/buffering_seeking_time_ranges /de/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges -/de/docs/Web/Guide/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player -/de/docs/Web/Guide/Audio_and_video_manipulation /de/docs/Web/Media/Audio_and_video_manipulation +/de/docs/Web/Guide/Audio_and_video_delivery/buffering_seeking_time_ranges /de/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges +/de/docs/Web/Guide/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player +/de/docs/Web/Guide/Audio_and_video_manipulation /de/docs/Web/Media/Guides/Audio_and_video_manipulation /de/docs/Web/Guide/CSS/Block_formatting_context /de/docs/Web/CSS/CSS_display/Block_formatting_context /de/docs/Web/Guide/CSS/CSS_Image_Sprites /de/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS /de/docs/Web/Guide/CSS/CSS_Layout /de/docs/Web/CSS/Guides @@ -12614,7 +12614,7 @@ /de/docs/Web/HTML/Content_Editable /de/docs/Web/HTML/Global_attributes/contenteditable /de/docs/Web/HTML/Controlling_spell_checking_in_HTML_forms /de/docs/Web/HTML/Global_attributes/spellcheck /de/docs/Web/HTML/Controlling_spell_checking_in_HTML_formsControlling_spell_checking_in_HTML_forms /de/docs/Web/HTML/Global_attributes/spellcheck -/de/docs/Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video /de/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video +/de/docs/Web/HTML/DASH_Adaptive_Streaming_for_HTML_5_Video /de/docs/Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video /de/docs/Web/HTML/Element/:_The_Ruby_Base_element /de/docs/Web/HTML/Element/rb /de/docs/Web/HTML/Element/Input/ /de/docs/Web/HTML/Element/Input/checkbox /de/docs/Web/HTML/Element/Input/ /de/docs/Web/HTML/Element/Input/color @@ -12682,7 +12682,7 @@ /de/docs/Web/HTML/Manipulating_video_using_canvas /de/docs/Web/API/Canvas_API/Manipulating_video_using_canvas /de/docs/Web/HTML/Optimizing_your_pages_for_speculative_parsing /de/docs/Glossary/speculative_parsing /de/docs/Web/HTML/Preloading_content /de/docs/Web/HTML/Attributes/rel/preload -/de/docs/Web/HTML/Supported_media_formats /de/docs/Web/Media/Formats +/de/docs/Web/HTML/Supported_media_formats /de/docs/Web/Media/Guides/Formats /de/docs/Web/HTML/The_Importance_of_Correct_HTML_Commenting /de/docs/Learn_web_development/Core/Structuring_content/Basic_HTML_syntax#HTML_comments /de/docs/Web/HTML/Using_HTML5_audio_and_video /de/docs/Learn_web_development/Core/Structuring_content/HTML_video_and_audio /de/docs/Web/HTML/element/content /de/docs/Web/HTML/element/slot @@ -12700,7 +12700,7 @@ /de/docs/Web/HTTP/Basics_of_HTTP/Resource_URLs /de/docs/Web/URI/Schemes/resource /de/docs/Web/HTTP/CORS/Errors/Reason:_CORS_header_‘Origin’_cannot_be_added /de/docs/Web/HTTP/CORS/Errors/CORSOriginHeaderNotAdded /de/docs/Web/HTTP/Caching_FAQ /de/docs/Web/HTTP/Caching -/de/docs/Web/HTTP/Configuring_servers_for_Ogg_media /de/docs/Web/Media/Formats/Configuring_servers_for_Ogg_media +/de/docs/Web/HTTP/Configuring_servers_for_Ogg_media /de/docs/Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media /de/docs/Web/HTTP/Controlling_DNS_prefetching /de/docs/Web/HTTP/Headers/X-DNS-Prefetch-Control /de/docs/Web/HTTP/Cookies/Cookie_Prefixes /de/docs/Web/HTTP/Cookies#Cookie_prefixes /de/docs/Web/HTTP/Cross-Origin_Resource_Policy_(CORP) /de/docs/Web/HTTP/Cross-Origin_Resource_Policy @@ -12893,7 +12893,7 @@ /de/docs/Web/JavaScript/Guide/Working_With_Private_Class_Features /de/docs/Web/JavaScript/Guide/Using_Classes#private_fields /de/docs/Web/JavaScript/Guide/iterable /de/docs/Web/JavaScript/Reference/Iteration_protocols /de/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript /de/docs/Learn_web_development/Extensions/Advanced_JavaScript_objects -/de/docs/Web/JavaScript/Introduction_to_using_XPath_in_JavaScript /de/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript +/de/docs/Web/JavaScript/Introduction_to_using_XPath_in_JavaScript /de/docs/Web/XPath/Guides/Introduction_to_using_XPath_in_JavaScript /de/docs/Web/JavaScript/JavaScript_templates /de/docs/Web/JavaScript/Reference/Template_literals /de/docs/Web/JavaScript/Javascript_How_To_Tutorials /de/docs/Web/JavaScript/Guide /de/docs/Web/JavaScript/Language_Resources /de/docs/Web/JavaScript/JavaScript_technologies_overview @@ -13255,7 +13255,33 @@ /de/docs/Web/MathML/Fonts/Test /de/docs/Web/MathML/Fonts /de/docs/Web/MathML/Global_attributes/mathvariant /de/docs/Web/MathML/Element/mi#mathvariant /de/docs/Web/MathML/Index /de/docs/Web/MathML -/de/docs/Web/Media/Formats/Guide_to_codecs_for_audio_on_the_web /de/docs/Web/Media/Formats/Audio_codecs +/de/docs/Web/Media/Audio_and_video_delivery /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Media/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video +/de/docs/Web/Media/Audio_and_video_delivery/Cross-browser_audio_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Cross-browser_audio_basics +/de/docs/Web/Media/Audio_and_video_delivery/Live_streaming_web_audio_and_video /de/docs/Web/Media/Guides/Audio_and_video_delivery/Live_streaming_web_audio_and_video +/de/docs/Web/Media/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources /de/docs/Web/Media/Guides/Audio_and_video_delivery/Setting_up_adaptive_streaming_media_sources +/de/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics /de/docs/Web/Media/Guides/Audio_and_video_delivery/Video_player_styling_basics +/de/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained +/de/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges /de/docs/Web/Media/Guides/Audio_and_video_delivery/buffering_seeking_time_ranges +/de/docs/Web/Media/Audio_and_video_delivery/cross_browser_video_player /de/docs/Web/Media/Guides/Audio_and_video_delivery/cross_browser_video_player +/de/docs/Web/Media/Audio_and_video_manipulation /de/docs/Web/Media/Guides/Audio_and_video_manipulation +/de/docs/Web/Media/Autoplay_guide /de/docs/Web/Media/Guides/Autoplay +/de/docs/Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video /de/docs/Web/Media/Guides/DASH_Adaptive_Streaming_for_HTML_5_Video +/de/docs/Web/Media/Formats /de/docs/Web/Media/Guides/Formats +/de/docs/Web/Media/Formats/Audio_codecs /de/docs/Web/Media/Guides/Formats/Audio_codecs +/de/docs/Web/Media/Formats/Audio_concepts /de/docs/Web/Media/Guides/Formats/Audio_concepts +/de/docs/Web/Media/Formats/Configuring_servers_for_Ogg_media /de/docs/Web/Media/Guides/Formats/Configuring_servers_for_Ogg_media +/de/docs/Web/Media/Formats/Containers /de/docs/Web/Media/Guides/Formats/Containers +/de/docs/Web/Media/Formats/Guide_to_codecs_for_audio_on_the_web /de/docs/Web/Media/Guides/Formats/Audio_codecs +/de/docs/Web/Media/Formats/Image_types /de/docs/Web/Media/Guides/Formats/Image_types +/de/docs/Web/Media/Formats/Support_issues /de/docs/Web/Media/Guides/Formats/Support_issues +/de/docs/Web/Media/Formats/Video_codecs /de/docs/Web/Media/Guides/Formats/Video_codecs +/de/docs/Web/Media/Formats/Video_concepts /de/docs/Web/Media/Guides/Formats/Video_concepts +/de/docs/Web/Media/Formats/WebRTC_codecs /de/docs/Web/Media/Guides/Formats/WebRTC_codecs +/de/docs/Web/Media/Formats/codecs_parameter /de/docs/Web/Media/Guides/Formats/codecs_parameter +/de/docs/Web/Media/HTML_media /de/docs/Web/Media/Guides/Audio_and_video_delivery +/de/docs/Web/Media/Streaming /de/docs/Web/Media/Guides/Streaming +/de/docs/Web/Media/images /de/docs/Web/Media/Guides/Images /de/docs/Web/Media/images/aspect_ratio_mapping /de/docs/Learn_web_development/Extensions/Performance/Multimedia /de/docs/Web/Media_Queries /de/docs/Web/CSS/CSS_media_queries /de/docs/Web/Performance/Populating_the_page:_how_browsers_work /de/docs/Web/Performance/How_browsers_work @@ -13520,20 +13546,62 @@ /de/docs/Web/Web_Components/Using_templates_and_slots /de/docs/Web/API/Web_components/Using_templates_and_slots /de/docs/Web/XML/Index /de/docs/Web/XML /de/docs/Web/XML/xml:base /de/docs/Web/API/Node/baseURI -/de/docs/Web/XPath/Axes/ancestor /de/docs/Web/XPath/Axes#ancestor -/de/docs/Web/XPath/Axes/ancestor-or-self /de/docs/Web/XPath/Axes#ancestor-or-self -/de/docs/Web/XPath/Axes/attribute /de/docs/Web/XPath/Axes#attribute -/de/docs/Web/XPath/Axes/child /de/docs/Web/XPath/Axes#child -/de/docs/Web/XPath/Axes/descendant /de/docs/Web/XPath/Axes#descendant -/de/docs/Web/XPath/Axes/descendant-or-self /de/docs/Web/XPath/Axes#descendant-or-self -/de/docs/Web/XPath/Axes/following /de/docs/Web/XPath/Axes#following -/de/docs/Web/XPath/Axes/following-sibling /de/docs/Web/XPath/Axes#following-sibling -/de/docs/Web/XPath/Axes/namespace /de/docs/Web/XPath/Axes#namespace -/de/docs/Web/XPath/Axes/parent /de/docs/Web/XPath/Axes#parent -/de/docs/Web/XPath/Axes/preceding /de/docs/Web/XPath/Axes#preceding -/de/docs/Web/XPath/Axes/preceding-sibling /de/docs/Web/XPath/Axes#preceding-sibling -/de/docs/Web/XPath/Axes/self /de/docs/Web/XPath/Axes#self +/de/docs/Web/XPath/Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XPath/Axes/ancestor /de/docs/Web/XPath/Reference/Axes#ancestor +/de/docs/Web/XPath/Axes/ancestor-or-self /de/docs/Web/XPath/Reference/Axes#ancestor-or-self +/de/docs/Web/XPath/Axes/attribute /de/docs/Web/XPath/Reference/Axes#attribute +/de/docs/Web/XPath/Axes/child /de/docs/Web/XPath/Reference/Axes#child +/de/docs/Web/XPath/Axes/descendant /de/docs/Web/XPath/Reference/Axes#descendant +/de/docs/Web/XPath/Axes/descendant-or-self /de/docs/Web/XPath/Reference/Axes#descendant-or-self +/de/docs/Web/XPath/Axes/following /de/docs/Web/XPath/Reference/Axes#following +/de/docs/Web/XPath/Axes/following-sibling /de/docs/Web/XPath/Reference/Axes#following-sibling +/de/docs/Web/XPath/Axes/namespace /de/docs/Web/XPath/Reference/Axes#namespace +/de/docs/Web/XPath/Axes/parent /de/docs/Web/XPath/Reference/Axes#parent +/de/docs/Web/XPath/Axes/preceding /de/docs/Web/XPath/Reference/Axes#preceding +/de/docs/Web/XPath/Axes/preceding-sibling /de/docs/Web/XPath/Reference/Axes#preceding-sibling +/de/docs/Web/XPath/Axes/self /de/docs/Web/XPath/Reference/Axes#self +/de/docs/Web/XPath/Comparison_with_CSS_selectors /de/docs/Web/XPath/Guides/Comparison_with_CSS_selectors +/de/docs/Web/XPath/Functions /de/docs/Web/XPath/Reference/Functions +/de/docs/Web/XPath/Functions/boolean /de/docs/Web/XPath/Reference/Functions/boolean +/de/docs/Web/XPath/Functions/ceiling /de/docs/Web/XPath/Reference/Functions/ceiling +/de/docs/Web/XPath/Functions/choose /de/docs/Web/XPath/Reference/Functions/choose +/de/docs/Web/XPath/Functions/concat /de/docs/Web/XPath/Reference/Functions/concat +/de/docs/Web/XPath/Functions/contains /de/docs/Web/XPath/Reference/Functions/contains +/de/docs/Web/XPath/Functions/count /de/docs/Web/XPath/Reference/Functions/count +/de/docs/Web/XPath/Functions/current /de/docs/Web/XPath/Reference/Functions/current +/de/docs/Web/XPath/Functions/document /de/docs/Web/XPath/Reference/Functions/document +/de/docs/Web/XPath/Functions/element-available /de/docs/Web/XPath/Reference/Functions/element-available +/de/docs/Web/XPath/Functions/false /de/docs/Web/XPath/Reference/Functions/false +/de/docs/Web/XPath/Functions/floor /de/docs/Web/XPath/Reference/Functions/floor +/de/docs/Web/XPath/Functions/format-number /de/docs/Web/XPath/Reference/Functions/format-number +/de/docs/Web/XPath/Functions/function-available /de/docs/Web/XPath/Reference/Functions/function-available +/de/docs/Web/XPath/Functions/generate-id /de/docs/Web/XPath/Reference/Functions/generate-id +/de/docs/Web/XPath/Functions/id /de/docs/Web/XPath/Reference/Functions/id +/de/docs/Web/XPath/Functions/key /de/docs/Web/XPath/Reference/Functions/key +/de/docs/Web/XPath/Functions/lang /de/docs/Web/XPath/Reference/Functions/lang +/de/docs/Web/XPath/Functions/last /de/docs/Web/XPath/Reference/Functions/last +/de/docs/Web/XPath/Functions/local-name /de/docs/Web/XPath/Reference/Functions/local-name +/de/docs/Web/XPath/Functions/name /de/docs/Web/XPath/Reference/Functions/name +/de/docs/Web/XPath/Functions/namespace-uri /de/docs/Web/XPath/Reference/Functions/namespace-uri +/de/docs/Web/XPath/Functions/normalize-space /de/docs/Web/XPath/Reference/Functions/normalize-space +/de/docs/Web/XPath/Functions/not /de/docs/Web/XPath/Reference/Functions/not +/de/docs/Web/XPath/Functions/number /de/docs/Web/XPath/Reference/Functions/number +/de/docs/Web/XPath/Functions/position /de/docs/Web/XPath/Reference/Functions/position +/de/docs/Web/XPath/Functions/round /de/docs/Web/XPath/Reference/Functions/round +/de/docs/Web/XPath/Functions/starts-with /de/docs/Web/XPath/Reference/Functions/starts-with +/de/docs/Web/XPath/Functions/string /de/docs/Web/XPath/Reference/Functions/string +/de/docs/Web/XPath/Functions/string-length /de/docs/Web/XPath/Reference/Functions/string-length +/de/docs/Web/XPath/Functions/substring /de/docs/Web/XPath/Reference/Functions/substring +/de/docs/Web/XPath/Functions/substring-after /de/docs/Web/XPath/Reference/Functions/substring-after +/de/docs/Web/XPath/Functions/substring-before /de/docs/Web/XPath/Reference/Functions/substring-before +/de/docs/Web/XPath/Functions/sum /de/docs/Web/XPath/Reference/Functions/sum +/de/docs/Web/XPath/Functions/system-property /de/docs/Web/XPath/Reference/Functions/system-property +/de/docs/Web/XPath/Functions/translate /de/docs/Web/XPath/Reference/Functions/translate +/de/docs/Web/XPath/Functions/true /de/docs/Web/XPath/Reference/Functions/true +/de/docs/Web/XPath/Functions/unparsed-entity-url /de/docs/Web/XPath/Reference/Functions/unparsed-entity-url /de/docs/Web/XPath/Index /de/docs/Web/XPath +/de/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript /de/docs/Web/XPath/Guides/Introduction_to_using_XPath_in_JavaScript +/de/docs/Web/XPath/Snippets /de/docs/Web/XPath/Guides/Snippets /de/docs/Web/XSLT/Common_errors /de/docs/Web/XSLT/Guides/Common_errors /de/docs/Web/XSLT/EXSLT /de/docs/Web/EXSLT /de/docs/Web/XSLT/Element /de/docs/Web/XSLT/Reference/Element @@ -13580,39 +13648,39 @@ /de/docs/Web/XSLT/Transforming_XML_with_XSLT/An_Overview /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT/An_Overview /de/docs/Web/XSLT/Transforming_XML_with_XSLT/For_Further_Reading /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT/For_Further_Reading /de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Axes#ancestor -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Axes#ancestor-or-self -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Axes#attribute -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Axes#child -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Axes#descendant -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Axes#descendant-or-self -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Axes#following -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Axes#following-sibling -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Axes#namespace -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Axes#parent -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Axes#preceding -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Axes#preceding-sibling -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Axes#self +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Reference/Axes#ancestor +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Reference/Axes#ancestor-or-self +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Reference/Axes#attribute +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Reference/Axes#child +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Reference/Axes#descendant +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Reference/Axes#descendant-or-self +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Reference/Axes#following +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Reference/Axes#following-sibling +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Reference/Axes#namespace +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Reference/Axes#parent +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Reference/Axes#preceding +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Reference/Axes#preceding-sibling +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Reference/Axes#self /de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Elements /de/docs/Web/XSLT/Reference/Element -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Functions +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/Mozilla_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Web/XSLT/Transforming_XML_with_XSLT/Resources /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT /de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference /de/docs/Web/XSLT/Guides/Transforming_XML_with_XSLT -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Axes -/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Functions +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/ancestor-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/attribute /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/child /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/descendant-or-self /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/following-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/namespace /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/parent /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/preceding-sibling /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Axes/self /de/docs/Web/XPath/Reference/Axes +/de/docs/Web/XSLT/Transforming_XML_with_XSLT/The_Netscape_XSLT_XPath_Reference/Functions /de/docs/Web/XPath/Reference/Functions /de/docs/Web/XSLT/Using_the_Mozilla_JavaScript_interface_to_XSL_Transformations /de/docs/Web/API/XSLTProcessor /de/docs/Web/XSLT/XSLT_JS_interface_in_Gecko /de/docs/Web/API/XSLTProcessor /de/docs/Web/XSLT/XSLT_JS_interface_in_Gecko/Advanced_Example /de/docs/Web/API/XSLTProcessor @@ -13752,7 +13820,7 @@ /de/docs/WebAssembly/Using_the_JavaScript_API /de/docs/WebAssembly/Guides/Using_the_JavaScript_API /de/docs/WebAssembly/WebAssembly_JavaScript_API /de/docs/WebAssembly /de/docs/WebAssembly/existing_C_to_Wasm /de/docs/WebAssembly/Guides/Existing_C_to_Wasm -/de/docs/WebAudio_playbackRate_explained /de/docs/Web/Media/Audio_and_video_delivery/WebAudio_playbackRate_explained +/de/docs/WebAudio_playbackRate_explained /de/docs/Web/Media/Guides/Audio_and_video_delivery/WebAudio_playbackRate_explained /de/docs/WebDAV /de/docs/Glossary/WebDAV /de/docs/WebGL /de/docs/Web/API/WebGL_API /de/docs/WebGL/Adding_2D_content_to_a_WebGL_context /de/docs/Web/API/WebGL_API/Tutorial/Adding_2D_content_to_a_WebGL_context @@ -13828,109 +13896,109 @@ /de/docs/XML_introduction/xml:base /de/docs/Web/API/Node/baseURI /de/docs/XPCOM_Interface_Reference/nsIDOMStorageEvent /de/docs/Web/API/StorageEvent /de/docs/XPath /de/docs/Web/XPath -/de/docs/XPath/Axes /de/docs/Web/XPath/Axes -/de/docs/XPath/Axes/ancestor /de/docs/Web/XPath/Axes#ancestor -/de/docs/XPath/Axes/ancestor-or-self /de/docs/Web/XPath/Axes#ancestor-or-self -/de/docs/XPath/Axes/attribute /de/docs/Web/XPath/Axes#attribute -/de/docs/XPath/Axes/child /de/docs/Web/XPath/Axes#child -/de/docs/XPath/Axes/descendant /de/docs/Web/XPath/Axes#descendant -/de/docs/XPath/Axes/descendant-or-self /de/docs/Web/XPath/Axes#descendant-or-self -/de/docs/XPath/Axes/following /de/docs/Web/XPath/Axes#following -/de/docs/XPath/Axes/following-sibling /de/docs/Web/XPath/Axes#following-sibling -/de/docs/XPath/Axes/namespace /de/docs/Web/XPath/Axes#namespace -/de/docs/XPath/Axes/parent /de/docs/Web/XPath/Axes#parent -/de/docs/XPath/Axes/preceding /de/docs/Web/XPath/Axes#preceding -/de/docs/XPath/Axes/preceding-sibling /de/docs/Web/XPath/Axes#preceding-sibling -/de/docs/XPath/Axes/self /de/docs/Web/XPath/Axes#self -/de/docs/XPath/Functions /de/docs/Web/XPath/Functions -/de/docs/XPath/Functions/boolean /de/docs/Web/XPath/Functions/boolean -/de/docs/XPath/Functions/ceiling /de/docs/Web/XPath/Functions/ceiling -/de/docs/XPath/Functions/choose /de/docs/Web/XPath/Functions/choose -/de/docs/XPath/Functions/concat /de/docs/Web/XPath/Functions/concat -/de/docs/XPath/Functions/contains /de/docs/Web/XPath/Functions/contains -/de/docs/XPath/Functions/count /de/docs/Web/XPath/Functions/count -/de/docs/XPath/Functions/current /de/docs/Web/XPath/Functions/current -/de/docs/XPath/Functions/document /de/docs/Web/XPath/Functions/document -/de/docs/XPath/Functions/element-available /de/docs/Web/XPath/Functions/element-available -/de/docs/XPath/Functions/false /de/docs/Web/XPath/Functions/false -/de/docs/XPath/Functions/floor /de/docs/Web/XPath/Functions/floor -/de/docs/XPath/Functions/format-number /de/docs/Web/XPath/Functions/format-number -/de/docs/XPath/Functions/function-available /de/docs/Web/XPath/Functions/function-available -/de/docs/XPath/Functions/generate-id /de/docs/Web/XPath/Functions/generate-id -/de/docs/XPath/Functions/id /de/docs/Web/XPath/Functions/id -/de/docs/XPath/Functions/key /de/docs/Web/XPath/Functions/key -/de/docs/XPath/Functions/lang /de/docs/Web/XPath/Functions/lang -/de/docs/XPath/Functions/last /de/docs/Web/XPath/Functions/last -/de/docs/XPath/Functions/local-name /de/docs/Web/XPath/Functions/local-name -/de/docs/XPath/Functions/name /de/docs/Web/XPath/Functions/name -/de/docs/XPath/Functions/namespace-uri /de/docs/Web/XPath/Functions/namespace-uri -/de/docs/XPath/Functions/normalize-space /de/docs/Web/XPath/Functions/normalize-space -/de/docs/XPath/Functions/not /de/docs/Web/XPath/Functions/not -/de/docs/XPath/Functions/number /de/docs/Web/XPath/Functions/number -/de/docs/XPath/Functions/position /de/docs/Web/XPath/Functions/position -/de/docs/XPath/Functions/round /de/docs/Web/XPath/Functions/round -/de/docs/XPath/Functions/starts-with /de/docs/Web/XPath/Functions/starts-with -/de/docs/XPath/Functions/string /de/docs/Web/XPath/Functions/string -/de/docs/XPath/Functions/string-length /de/docs/Web/XPath/Functions/string-length -/de/docs/XPath/Functions/substring /de/docs/Web/XPath/Functions/substring -/de/docs/XPath/Functions/substring-after /de/docs/Web/XPath/Functions/substring-after -/de/docs/XPath/Functions/substring-before /de/docs/Web/XPath/Functions/substring-before -/de/docs/XPath/Functions/sum /de/docs/Web/XPath/Functions/sum -/de/docs/XPath/Functions/system-property /de/docs/Web/XPath/Functions/system-property -/de/docs/XPath/Functions/translate /de/docs/Web/XPath/Functions/translate -/de/docs/XPath/Functions/true /de/docs/Web/XPath/Functions/true -/de/docs/XPath/Functions/unparsed-entity-url /de/docs/Web/XPath/Functions/unparsed-entity-url -/de/docs/XPath:Axes /de/docs/Web/XPath/Axes -/de/docs/XPath:Axes:ancestor /de/docs/Web/XPath/Axes#ancestor -/de/docs/XPath:Axes:ancestor-or-self /de/docs/Web/XPath/Axes#ancestor-or-self -/de/docs/XPath:Axes:attribute /de/docs/Web/XPath/Axes#attribute -/de/docs/XPath:Axes:child /de/docs/Web/XPath/Axes#child -/de/docs/XPath:Axes:descendant /de/docs/Web/XPath/Axes#descendant -/de/docs/XPath:Axes:descendant-or-self /de/docs/Web/XPath/Axes#descendant-or-self -/de/docs/XPath:Axes:following /de/docs/Web/XPath/Axes#following -/de/docs/XPath:Axes:following-sibling /de/docs/Web/XPath/Axes#following-sibling -/de/docs/XPath:Axes:namespace /de/docs/Web/XPath/Axes#namespace -/de/docs/XPath:Axes:parent /de/docs/Web/XPath/Axes#parent -/de/docs/XPath:Axes:preceding /de/docs/Web/XPath/Axes#preceding -/de/docs/XPath:Axes:preceding-sibling /de/docs/Web/XPath/Axes#preceding-sibling -/de/docs/XPath:Axes:self /de/docs/Web/XPath/Axes#self -/de/docs/XPath:Functions /de/docs/Web/XPath/Functions -/de/docs/XPath:Functions:boolean /de/docs/Web/XPath/Functions/boolean -/de/docs/XPath:Functions:ceiling /de/docs/Web/XPath/Functions/ceiling -/de/docs/XPath:Functions:concat /de/docs/Web/XPath/Functions/concat -/de/docs/XPath:Functions:contains /de/docs/Web/XPath/Functions/contains -/de/docs/XPath:Functions:count /de/docs/Web/XPath/Functions/count -/de/docs/XPath:Functions:current /de/docs/Web/XPath/Functions/current -/de/docs/XPath:Functions:document /de/docs/Web/XPath/Functions/document -/de/docs/XPath:Functions:element-available /de/docs/Web/XPath/Functions/element-available -/de/docs/XPath:Functions:false /de/docs/Web/XPath/Functions/false -/de/docs/XPath:Functions:floor /de/docs/Web/XPath/Functions/floor -/de/docs/XPath:Functions:format-number /de/docs/Web/XPath/Functions/format-number -/de/docs/XPath:Functions:function-available /de/docs/Web/XPath/Functions/function-available -/de/docs/XPath:Functions:generate-id /de/docs/Web/XPath/Functions/generate-id -/de/docs/XPath:Functions:id /de/docs/Web/XPath/Functions/id -/de/docs/XPath:Functions:key /de/docs/Web/XPath/Functions/key -/de/docs/XPath:Functions:lang /de/docs/Web/XPath/Functions/lang -/de/docs/XPath:Functions:last /de/docs/Web/XPath/Functions/last -/de/docs/XPath:Functions:local-name /de/docs/Web/XPath/Functions/local-name -/de/docs/XPath:Functions:name /de/docs/Web/XPath/Functions/name -/de/docs/XPath:Functions:namespace-uri /de/docs/Web/XPath/Functions/namespace-uri -/de/docs/XPath:Functions:normalize-space /de/docs/Web/XPath/Functions/normalize-space -/de/docs/XPath:Functions:not /de/docs/Web/XPath/Functions/not -/de/docs/XPath:Functions:number /de/docs/Web/XPath/Functions/number -/de/docs/XPath:Functions:position /de/docs/Web/XPath/Functions/position -/de/docs/XPath:Functions:round /de/docs/Web/XPath/Functions/round -/de/docs/XPath:Functions:starts-with /de/docs/Web/XPath/Functions/starts-with -/de/docs/XPath:Functions:string /de/docs/Web/XPath/Functions/string -/de/docs/XPath:Functions:string-length /de/docs/Web/XPath/Functions/string-length -/de/docs/XPath:Functions:substring /de/docs/Web/XPath/Functions/substring -/de/docs/XPath:Functions:substring-after /de/docs/Web/XPath/Functions/substring-after -/de/docs/XPath:Functions:substring-before /de/docs/Web/XPath/Functions/substring-before -/de/docs/XPath:Functions:sum /de/docs/Web/XPath/Functions/sum -/de/docs/XPath:Functions:system-property /de/docs/Web/XPath/Functions/system-property -/de/docs/XPath:Functions:translate /de/docs/Web/XPath/Functions/translate -/de/docs/XPath:Functions:true /de/docs/Web/XPath/Functions/true -/de/docs/XPath:Functions:unparsed-entity-url /de/docs/Web/XPath/Functions/unparsed-entity-url +/de/docs/XPath/Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/XPath/Axes/ancestor /de/docs/Web/XPath/Reference/Axes#ancestor +/de/docs/XPath/Axes/ancestor-or-self /de/docs/Web/XPath/Reference/Axes#ancestor-or-self +/de/docs/XPath/Axes/attribute /de/docs/Web/XPath/Reference/Axes#attribute +/de/docs/XPath/Axes/child /de/docs/Web/XPath/Reference/Axes#child +/de/docs/XPath/Axes/descendant /de/docs/Web/XPath/Reference/Axes#descendant +/de/docs/XPath/Axes/descendant-or-self /de/docs/Web/XPath/Reference/Axes#descendant-or-self +/de/docs/XPath/Axes/following /de/docs/Web/XPath/Reference/Axes#following +/de/docs/XPath/Axes/following-sibling /de/docs/Web/XPath/Reference/Axes#following-sibling +/de/docs/XPath/Axes/namespace /de/docs/Web/XPath/Reference/Axes#namespace +/de/docs/XPath/Axes/parent /de/docs/Web/XPath/Reference/Axes#parent +/de/docs/XPath/Axes/preceding /de/docs/Web/XPath/Reference/Axes#preceding +/de/docs/XPath/Axes/preceding-sibling /de/docs/Web/XPath/Reference/Axes#preceding-sibling +/de/docs/XPath/Axes/self /de/docs/Web/XPath/Reference/Axes#self +/de/docs/XPath/Functions /de/docs/Web/XPath/Reference/Functions +/de/docs/XPath/Functions/boolean /de/docs/Web/XPath/Reference/Functions/boolean +/de/docs/XPath/Functions/ceiling /de/docs/Web/XPath/Reference/Functions/ceiling +/de/docs/XPath/Functions/choose /de/docs/Web/XPath/Reference/Functions/choose +/de/docs/XPath/Functions/concat /de/docs/Web/XPath/Reference/Functions/concat +/de/docs/XPath/Functions/contains /de/docs/Web/XPath/Reference/Functions/contains +/de/docs/XPath/Functions/count /de/docs/Web/XPath/Reference/Functions/count +/de/docs/XPath/Functions/current /de/docs/Web/XPath/Reference/Functions/current +/de/docs/XPath/Functions/document /de/docs/Web/XPath/Reference/Functions/document +/de/docs/XPath/Functions/element-available /de/docs/Web/XPath/Reference/Functions/element-available +/de/docs/XPath/Functions/false /de/docs/Web/XPath/Reference/Functions/false +/de/docs/XPath/Functions/floor /de/docs/Web/XPath/Reference/Functions/floor +/de/docs/XPath/Functions/format-number /de/docs/Web/XPath/Reference/Functions/format-number +/de/docs/XPath/Functions/function-available /de/docs/Web/XPath/Reference/Functions/function-available +/de/docs/XPath/Functions/generate-id /de/docs/Web/XPath/Reference/Functions/generate-id +/de/docs/XPath/Functions/id /de/docs/Web/XPath/Reference/Functions/id +/de/docs/XPath/Functions/key /de/docs/Web/XPath/Reference/Functions/key +/de/docs/XPath/Functions/lang /de/docs/Web/XPath/Reference/Functions/lang +/de/docs/XPath/Functions/last /de/docs/Web/XPath/Reference/Functions/last +/de/docs/XPath/Functions/local-name /de/docs/Web/XPath/Reference/Functions/local-name +/de/docs/XPath/Functions/name /de/docs/Web/XPath/Reference/Functions/name +/de/docs/XPath/Functions/namespace-uri /de/docs/Web/XPath/Reference/Functions/namespace-uri +/de/docs/XPath/Functions/normalize-space /de/docs/Web/XPath/Reference/Functions/normalize-space +/de/docs/XPath/Functions/not /de/docs/Web/XPath/Reference/Functions/not +/de/docs/XPath/Functions/number /de/docs/Web/XPath/Reference/Functions/number +/de/docs/XPath/Functions/position /de/docs/Web/XPath/Reference/Functions/position +/de/docs/XPath/Functions/round /de/docs/Web/XPath/Reference/Functions/round +/de/docs/XPath/Functions/starts-with /de/docs/Web/XPath/Reference/Functions/starts-with +/de/docs/XPath/Functions/string /de/docs/Web/XPath/Reference/Functions/string +/de/docs/XPath/Functions/string-length /de/docs/Web/XPath/Reference/Functions/string-length +/de/docs/XPath/Functions/substring /de/docs/Web/XPath/Reference/Functions/substring +/de/docs/XPath/Functions/substring-after /de/docs/Web/XPath/Reference/Functions/substring-after +/de/docs/XPath/Functions/substring-before /de/docs/Web/XPath/Reference/Functions/substring-before +/de/docs/XPath/Functions/sum /de/docs/Web/XPath/Reference/Functions/sum +/de/docs/XPath/Functions/system-property /de/docs/Web/XPath/Reference/Functions/system-property +/de/docs/XPath/Functions/translate /de/docs/Web/XPath/Reference/Functions/translate +/de/docs/XPath/Functions/true /de/docs/Web/XPath/Reference/Functions/true +/de/docs/XPath/Functions/unparsed-entity-url /de/docs/Web/XPath/Reference/Functions/unparsed-entity-url +/de/docs/XPath:Axes /de/docs/Web/XPath/Reference/Axes +/de/docs/XPath:Axes:ancestor /de/docs/Web/XPath/Reference/Axes#ancestor +/de/docs/XPath:Axes:ancestor-or-self /de/docs/Web/XPath/Reference/Axes#ancestor-or-self +/de/docs/XPath:Axes:attribute /de/docs/Web/XPath/Reference/Axes#attribute +/de/docs/XPath:Axes:child /de/docs/Web/XPath/Reference/Axes#child +/de/docs/XPath:Axes:descendant /de/docs/Web/XPath/Reference/Axes#descendant +/de/docs/XPath:Axes:descendant-or-self /de/docs/Web/XPath/Reference/Axes#descendant-or-self +/de/docs/XPath:Axes:following /de/docs/Web/XPath/Reference/Axes#following +/de/docs/XPath:Axes:following-sibling /de/docs/Web/XPath/Reference/Axes#following-sibling +/de/docs/XPath:Axes:namespace /de/docs/Web/XPath/Reference/Axes#namespace +/de/docs/XPath:Axes:parent /de/docs/Web/XPath/Reference/Axes#parent +/de/docs/XPath:Axes:preceding /de/docs/Web/XPath/Reference/Axes#preceding +/de/docs/XPath:Axes:preceding-sibling /de/docs/Web/XPath/Reference/Axes#preceding-sibling +/de/docs/XPath:Axes:self /de/docs/Web/XPath/Reference/Axes#self +/de/docs/XPath:Functions /de/docs/Web/XPath/Reference/Functions +/de/docs/XPath:Functions:boolean /de/docs/Web/XPath/Reference/Functions/boolean +/de/docs/XPath:Functions:ceiling /de/docs/Web/XPath/Reference/Functions/ceiling +/de/docs/XPath:Functions:concat /de/docs/Web/XPath/Reference/Functions/concat +/de/docs/XPath:Functions:contains /de/docs/Web/XPath/Reference/Functions/contains +/de/docs/XPath:Functions:count /de/docs/Web/XPath/Reference/Functions/count +/de/docs/XPath:Functions:current /de/docs/Web/XPath/Reference/Functions/current +/de/docs/XPath:Functions:document /de/docs/Web/XPath/Reference/Functions/document +/de/docs/XPath:Functions:element-available /de/docs/Web/XPath/Reference/Functions/element-available +/de/docs/XPath:Functions:false /de/docs/Web/XPath/Reference/Functions/false +/de/docs/XPath:Functions:floor /de/docs/Web/XPath/Reference/Functions/floor +/de/docs/XPath:Functions:format-number /de/docs/Web/XPath/Reference/Functions/format-number +/de/docs/XPath:Functions:function-available /de/docs/Web/XPath/Reference/Functions/function-available +/de/docs/XPath:Functions:generate-id /de/docs/Web/XPath/Reference/Functions/generate-id +/de/docs/XPath:Functions:id /de/docs/Web/XPath/Reference/Functions/id +/de/docs/XPath:Functions:key /de/docs/Web/XPath/Reference/Functions/key +/de/docs/XPath:Functions:lang /de/docs/Web/XPath/Reference/Functions/lang +/de/docs/XPath:Functions:last /de/docs/Web/XPath/Reference/Functions/last +/de/docs/XPath:Functions:local-name /de/docs/Web/XPath/Reference/Functions/local-name +/de/docs/XPath:Functions:name /de/docs/Web/XPath/Reference/Functions/name +/de/docs/XPath:Functions:namespace-uri /de/docs/Web/XPath/Reference/Functions/namespace-uri +/de/docs/XPath:Functions:normalize-space /de/docs/Web/XPath/Reference/Functions/normalize-space +/de/docs/XPath:Functions:not /de/docs/Web/XPath/Reference/Functions/not +/de/docs/XPath:Functions:number /de/docs/Web/XPath/Reference/Functions/number +/de/docs/XPath:Functions:position /de/docs/Web/XPath/Reference/Functions/position +/de/docs/XPath:Functions:round /de/docs/Web/XPath/Reference/Functions/round +/de/docs/XPath:Functions:starts-with /de/docs/Web/XPath/Reference/Functions/starts-with +/de/docs/XPath:Functions:string /de/docs/Web/XPath/Reference/Functions/string +/de/docs/XPath:Functions:string-length /de/docs/Web/XPath/Reference/Functions/string-length +/de/docs/XPath:Functions:substring /de/docs/Web/XPath/Reference/Functions/substring +/de/docs/XPath:Functions:substring-after /de/docs/Web/XPath/Reference/Functions/substring-after +/de/docs/XPath:Functions:substring-before /de/docs/Web/XPath/Reference/Functions/substring-before +/de/docs/XPath:Functions:sum /de/docs/Web/XPath/Reference/Functions/sum +/de/docs/XPath:Functions:system-property /de/docs/Web/XPath/Reference/Functions/system-property +/de/docs/XPath:Functions:translate /de/docs/Web/XPath/Reference/Functions/translate +/de/docs/XPath:Functions:true /de/docs/Web/XPath/Reference/Functions/true +/de/docs/XPath:Functions:unparsed-entity-url /de/docs/Web/XPath/Reference/Functions/unparsed-entity-url /de/docs/XPathExpression /de/docs/Web/API/XPathExpression /de/docs/XPathResult /de/docs/Web/API/XPathResult /de/docs/XPathResult/booleanValue /de/docs/Web/API/XPathResult/booleanValue diff --git a/files/de/glossary/alpha/index.md b/files/de/glossary/alpha/index.md index c70e111c4..25df0585d 100644 --- a/files/de/glossary/alpha/index.md +++ b/files/de/glossary/alpha/index.md @@ -1,25 +1,25 @@ --- -title: Alpha (Alphakanal) +title: Alpha (Alpha-Kanal) slug: Glossary/Alpha l10n: - sourceCommit: 5b20f5f4265f988f80f513db0e4b35c7e0cd70dc + sourceCommit: 27bceead8e9b1fe9c92df0fa5e418f81bd5b9fdf --- {{GlossarySidebar}} -Der **Alphakanal** gibt die Opazität eines ({{CSSxRef("<color>")}}) an. Farben werden in digitaler Form als eine Ansammlung von Zahlen dargestellt, die jeweils die Stärke oder Intensitätsstufe einer bestimmten Komponente der Farbe repräsentieren. Jede dieser Komponenten wird als **Kanal** bezeichnet. In einer typischen Bilddatei beschreiben die Farbkanäle, wie viel Rot, Grün und Blau verwendet werden, um die endgültige Farbe zu erzeugen. Um eine Farbe darzustellen, durch die der Hintergrund in gewissem Maße sichtbar ist, wird der Farbe ein vierter Kanal hinzugefügt: der Alphakanal. +Der **Alpha-Kanal** bestimmt die Opazität eines ({{CSSxRef("<color>")}}). Farben werden digital als Sammlung von Zahlen dargestellt, wobei jede Zahl die Stärke oder Intensität einer bestimmten Farbkomponente repräsentiert. Jede dieser Komponenten wird als **Kanal** bezeichnet. In einer typischen Bilddatei beschreiben die Farbkanäle, wie viel Rot, Grün und Blau verwendet werden, um die endgültige Farbe zu bilden. Um eine Farbe darzustellen, durch die der Hintergrund teilweise sichtbar ist, wird der Farbe ein vierter Kanal hinzugefügt: der Alpha-Kanal. -Zum Beispiel ist die Farbe `#8921F2` (auch beschrieben als `rgb(137 33 242)` oder `hsl(270 89% 54)`) ein schöner Purpurton. Unten sehen Sie oben links ein kleines Kästchen in dieser Farbe und ein Kästchen in der _gleichen_ Farbe, jedoch mit einem Alphakanal, der auf 50% (oder 0.5) Opazität eingestellt ist, `#8921F280`, wobei `80` das hexadezimale Äquivalent von 50% ist. Diese Farbe wird auch als `rgb(137 33 242 / 50%)` oder `hsl(270 89% 54 / 50%)` beschrieben. Die beiden Kästchen sind über einem Absatz Text gezeichnet. +Zum Beispiel ist die Farbe `#8921F2` (auch als `rgb(137 33 242)` oder `hsl(270 89% 54)` beschrieben) ein schöner Violettton. Unten sehen Sie eine kleine Box dieser Farbe in der oberen linken Ecke und eine Box derselben Farbe, aber mit einem Alpha-Kanal, der auf 50 % (oder 0,5) Opazität gesetzt ist, `#8921F280`, wobei `80` das hexadezimale Äquivalent von 50 % ist. Diese Farbe wird auch als `rgb(137 33 242 / 50%)` oder `hsl(270 89% 54 / 50%)` beschrieben. Die beiden Boxen sind über einem Absatz Text gezeichnet. -![Bild, das den Effekt eines Alphakanals auf eine Farbe zeigt.](alpha-channel-example.png) +![Bild, das die Wirkung eines Alpha-Kanals auf eine Farbe zeigt.](alpha-channel-example.png) -Wie Sie sehen können, blockiert die Farbe ohne Alphakanal den Hintergrundtext vollständig, während das Kästchen mit dem Alphakanal den Text durch die purpurrote Hintergrundfarbe sichtbar lässt. +Wie Sie sehen können, blockiert die Farbe ohne Alpha-Kanal den Hintergrundtext vollständig, während die Box mit dem Alpha-Kanal es ermöglicht, den Text durch die violette Hintergrundfarbe sichtbar zu lassen. ## Siehe auch - [CSS-Farben](/de/docs/Web/CSS/CSS_colors) -- [Lernen: Werte und Einheiten](/de/docs/Learn_web_development/Core/Styling_basics/Values_and_units) -- [Leitfaden für Bilddateitypen und -formate](/de/docs/Web/Media/Formats/Image_types) -- [Alpha Compositing](https://en.wikipedia.org/wiki/Alpha_compositing) auf Wikipedia +- [Erlernen: Werte und Einheiten](/de/docs/Learn_web_development/Core/Styling_basics/Values_and_units) +- [Leitfaden zu Bilddateitypen und -formaten](/de/docs/Web/Media/Guides/Formats/Image_types) +- [Alpha-Kompositing](https://en.wikipedia.org/wiki/Alpha_compositing) auf Wikipedia - [RGBA-Farbmodell](https://en.wikipedia.org/wiki/RGBA_color_model) auf Wikipedia - [Kanal (digitales Bild)]() auf Wikipedia diff --git a/files/de/glossary/codec/index.md b/files/de/glossary/codec/index.md index 5d7d505aa..c976b43fa 100644 --- a/files/de/glossary/codec/index.md +++ b/files/de/glossary/codec/index.md @@ -2,16 +2,16 @@ title: Codec slug: Glossary/Codec l10n: - sourceCommit: ada5fa5ef15eadd44b549ecf906423b4a2092f34 + sourceCommit: 27bceead8e9b1fe9c92df0fa5e418f81bd5b9fdf --- {{GlossarySidebar}} -Ein **Codec** (ein Kofferwort aus "**Co**der-**Dec**oder") ist ein Programm, Algorithmus oder Gerät, das einen Datenstrom kodiert oder dekodiert. Ein gegebener Codec weiß, wie er eine spezifische Kodierungs- oder Kompressionstechnologie handhaben kann. +Ein **Codec** (ein Kofferwort, abgeleitet von "**co**der-**dec**oder") ist ein Programm, Algorithmus oder Gerät, das einen Datenstrom kodiert oder dekodiert. Ein gegebener Codec weiß, wie man mit einer spezifischen Kodierung oder Kompressionstechnologie umgeht. ## Siehe auch - [Codec](https://en.wikipedia.org/wiki/Codec) auf Wikipedia -- [Webvideo-Codec-Leitfaden](/de/docs/Web/Media/Formats/Video_codecs) -- [Web-Audio-Codec-Leitfaden](/de/docs/Web/Media/Formats/Audio_codecs) -- [Leitfaden zu Medientypen und -formaten im Web](/de/docs/Web/Media/Formats) +- [Web-Video-Codec-Leitfaden](/de/docs/Web/Media/Guides/Formats/Video_codecs) +- [Web-Audio-Codec-Leitfaden](/de/docs/Web/Media/Guides/Formats/Audio_codecs) +- [Leitfaden zu Medientypen und -formaten im Web](/de/docs/Web/Media/Guides/Formats) diff --git a/files/de/glossary/payload_body/index.md b/files/de/glossary/payload_body/index.md index b1c279eb1..afa7fd9c0 100644 --- a/files/de/glossary/payload_body/index.md +++ b/files/de/glossary/payload_body/index.md @@ -1,38 +1,18 @@ --- -title: Payload body +title: Nutzlastkörper slug: Glossary/Payload_body l10n: - sourceCommit: 998a4e6fc713678381e6bc31130e3a0a53158d69 + sourceCommit: 35fbd848ed51e184b70383fcf96fbe622a33c887 --- {{GlossarySidebar}} -Der HTTP-Nachrichten-**Nutzlastkörper** ist der _Informationsteil_ ("Payload") der Daten, die im HTTP-Nachrichtenkörper gesendet werden (falls vorhanden), bevor die [Transfer-Encoding](/de/docs/Web/HTTP/Headers/Transfer-Encoding) angewendet wird. Wenn keine Transfer-Encoding verwendet wird, sind der _Nutzlastkörper_ und der _Nachrichtenkörper_ identisch! +In HTTP-Nachrichten war der **Nutzlastkörper** oder die **Nutzlast** die Repräsentation einer Ressource, die in einem Nachrichtentext übertragen wurde, abzüglich jeder [Transfercodierung](/de/docs/Web/HTTP/Headers/Transfer-Encoding). Ohne Transfercodierung sind der _Nutzlastkörper_ und der _Nachrichtentext_ identisch. Repräsentationsdaten könnten auch in HTTP-Headern übertragen werden, aber solche Daten würden nicht als "Nutzlast" betrachtet werden. -In diesem Beispiel enthält der Nachrichtenkörper nur den Nutzlastkörper: "Mozilla Developer Network": +Seit {{RFC("9110")}} ersetzt das Wort **Inhalt** das Wort **Nutzlast**. Siehe {{Glossary("HTTP_Content", "**HTTP-Inhalt**")}}. -```http -HTTP/1.1 200 OK -Content-Type: text/plain +## Siehe auch -Mozilla Developer Network -``` - -Im Gegensatz dazu wird in der folgenden Antwort _Transfer-Encoding_ verwendet, um den Nutzlastkörper in Chunks zu kodieren. Der gesendete Nutzlastkörper (Information) ist weiterhin "Mozilla Developer Network", aber der Nachrichtenkörper enthält zusätzliche Daten, um die Chunks zu trennen: - -```http -HTTP/1.1 200 OK -Content-Type: text/plain -Transfer-Encoding: chunked - -7\r\n -Mozilla\r\n -9\r\n -Developer\r\n -7\r\n -Network\r\n -0\r\n -\r\n -``` - -Weitere Informationen finden Sie in [RFC 7230, Abschnitt 3.3: Message Body](https://datatracker.ietf.org/doc/html/rfc7230#section-3.3) und [RFC 7230, Abschnitt 3.3.1: Transfer-Encoding](https://datatracker.ietf.org/doc/html/rfc7230#section-3.3.1). +- {{Glossary("Content_header", "Inhalts-Header")}} +- [RFC 9110, Abschnitt 6.4: Inhalt](https://httpwg.org/specs/rfc9110.html#rfc.section.6.4) (ersetzt [RFC 7231](https://datatracker.ietf.org/doc/html/rfc7231#section-3.3) Nutzlast-Semantik) + - [Änderungen seit RFC 7231](https://httpwg.org/specs/rfc9110.html#changes.from.rfc.7231) diff --git a/files/de/glossary/webm/index.md b/files/de/glossary/webm/index.md index 5771847fb..71104e19b 100644 --- a/files/de/glossary/webm/index.md +++ b/files/de/glossary/webm/index.md @@ -2,12 +2,12 @@ title: WebM slug: Glossary/WebM l10n: - sourceCommit: c37495e96f08b19a47b38a43cebb5c3489b9279b + sourceCommit: 27bceead8e9b1fe9c92df0fa5e418f81bd5b9fdf --- {{GlossarySidebar}} -**[WebM](/de/docs/Web/Media/Formats/Containers#webm)** ist ein lizenzfreies und offenes Web-Videoformat, das in allen modernen Browsern nativ unterstützt wird. +**[WebM](/de/docs/Web/Media/Guides/Formats/Containers#webm)** ist ein lizenzfreies und offenes Webvideo-Format, das von allen modernen Browsern nativ unterstützt wird. ## Siehe auch diff --git a/files/de/learn_web_development/core/accessibility/multimedia/index.md b/files/de/learn_web_development/core/accessibility/multimedia/index.md index e43a065fe..a519de5a4 100644 --- a/files/de/learn_web_development/core/accessibility/multimedia/index.md +++ b/files/de/learn_web_development/core/accessibility/multimedia/index.md @@ -1,28 +1,28 @@ --- -title: Barrierefreies Multimedia +title: Barrierefreie Multimedia-Inhalte slug: Learn_web_development/Core/Accessibility/Multimedia l10n: - sourceCommit: 5b20f5f4265f988f80f513db0e4b35c7e0cd70dc + sourceCommit: 27bceead8e9b1fe9c92df0fa5e418f81bd5b9fdf --- {{LearnSidebar}} {{PreviousMenuNext("Learn_web_development/Core/Accessibility/WAI-ARIA_basics","Learn_web_development/Core/Accessibility/Mobile", "Learn_web_development/Core/Accessibility")}} -Eine weitere Inhaltskategorie, die Barrierefreiheitsprobleme verursachen kann, ist Multimedia. Video-, Audio- und Bildinhalte müssen mit geeigneten Textalternativen versehen werden, damit sie von unterstützenden Technologien und deren Nutzern verstanden werden können. Dieser Artikel zeigt, wie es geht. +Eine weitere Inhaltskategorie, die Zugänglichkeitsprobleme verursachen kann, sind Multimedia-Inhalte. Video-, Audio- und Bildinhalte müssen mit geeigneten textlichen Alternativen versehen werden, damit sie von unterstützenden Technologien und deren Benutzern verstanden werden können. Dieser Artikel zeigt, wie. - + @@ -31,15 +31,15 @@ Eine weitere Inhaltskategorie, die Barrierefreiheitsprobleme verursachen kann, i ## Multimedia und Barrierefreiheit -Bisher haben wir in diesem Modul verschiedene Inhalte betrachtet und was getan werden muss, um ihre Barrierefreiheit zu gewährleisten, von einfachem Textinhalt bis hin zu Datentabellen, Bildern, nativen Steuerelementen wie Formularelementen und Schaltflächen und sogar komplexeren Markup-Strukturen (mit [WAI-ARIA](/de/docs/Learn_web_development/Core/Accessibility/WAI-ARIA_basics) Attributen). +Bisher haben wir in diesem Modul eine Vielzahl von Inhalten betrachtet und was getan werden muss, um deren Zugänglichkeit sicherzustellen, angefangen von einfachem Textinhalt bis hin zu Datentabellen, Bildern und nativen Steuerelementen wie Formularelementen und Schaltflächen sowie komplexeren Markup-Strukturen (mit [WAI-ARIA](/de/docs/Learn_web_development/Core/Accessibility/WAI-ARIA_basics) Attributen). -Dieser Artikel hingegen betrachtet eine weitere allgemeine Inhaltskategorie, die nicht so leicht barrierefrei zu gestalten ist — Multimedia. Bilder, Audiospuren, Videos, {{htmlelement("canvas")}}-Elemente usw. werden von Screenreadern nicht so leicht verstanden oder über die Tastatur navigiert und benötigen Unterstützung. +Dieser Artikel hingegen betrachtet eine andere allgemeine Inhaltskategorie, die möglicherweise nicht so einfach zugänglich zu gestalten ist — Multimedia. Bilder, Audiospuren, Videos, {{htmlelement("canvas")}}-Elemente usw. sind nicht so leicht von Screenreadern zu verstehen oder mit der Tastatur zu navigieren, und wir müssen ihnen Hilfestellung leisten. -Aber verzagen Sie nicht — hier werden wir Ihnen helfen, die Techniken zu verstehen, die zur Verfügung stehen, um Multimedia zugänglicher zu machen. +Aber keine Sorge — wir helfen Ihnen, die verfügbaren Techniken zur Verbesserung der Barrierefreiheit von Multimedia-Inhalten zu verstehen. ## Einfache Bilder -Einfache Textalternativen für HTML-Bilder haben wir bereits in unserem Artikel [HTML: Eine gute Basis für Barrierefreiheit](/de/docs/Learn_web_development/Core/Accessibility/HTML) behandelt — Sie können dort die vollständigen Details nachlesen. Kurz gesagt, sollten Sie sicherstellen, dass visuelle Inhalte, wo immer möglich, eine alternative Textbeschreibung haben, die von Screenreadern aufgenommen und den Nutzern vorgelesen werden kann. +Wir haben bereits einfache Textalternativen für HTML-Bilder in unserem Artikel [HTML: Eine gute Basis für Barrierefreiheit](/de/docs/Learn_web_development/Core/Accessibility/HTML) behandelt — Sie können dort vollständige Informationen nachlesen. Kurz gesagt, Sie sollten sicherstellen, dass visuelle Inhalte, wo möglich, eine alternative Textversion haben, die von Screenreadern erfasst und vorgelesen werden kann. Zum Beispiel: @@ -53,9 +53,9 @@ Zum Beispiel: Die Implementierung von Steuerungen für webbasierte Audio-/Video-Inhalte sollte doch kein Problem sein, oder? Lassen Sie uns das untersuchen. -### Das Problem mit nativen HTML-Steuerelementen +### Das Problem mit nativen HTML-Steuerungen -HTML-Video- und Audio-Instanzen bieten sogar einen Satz integrierter Steuerelemente, die es ermöglichen, das Medium direkt „out of the box“ zu steuern. Zum Beispiel (siehe `native-controls.html` [Quellcode](https://github.com/mdn/learning-area/blob/main/accessibility/multimedia/native-controls.html) und [live](https://mdn.github.io/learning-area/accessibility/multimedia/native-controls.html)): +HTML-Video- und Audioinstanzen verfügen sogar über eine Reihe eingebauter Steuerungen, mit denen Sie die Medien direkt steuern können. Zum Beispiel (siehe `native-controls.html` [Quellcode](https://github.com/mdn/learning-area/blob/main/accessibility/multimedia/native-controls.html) und [live](https://mdn.github.io/learning-area/accessibility/multimedia/native-controls.html)): ```html
Voraussetzungen:Vertrautheit mit HTML, CSS und den Barrierefreiheitsstandards, die in den vorherigen Lektionen des Moduls behandelt wurden..Vertrautheit mit HTML, CSS und mit den besten Praktiken für Barrierefreiheit, wie sie in den vorherigen Lektionen des Moduls behandelt wurden..
Lernziele:
  • Die Probleme mit nativen Media-Playern und wie Sie Ihre eigenen erstellen können.
    • -
  • Der Zweck von Audio-Transkripten und Textspuren (Untertitel, Bildunterschriften usw.) zur Barrierefreiheit von Audio- und Videoinhalten.
    • +
  • Der Zweck von Audiotranskripten und Texttracks (Untertitel, Übersetzungen, etc.), um Audio- und Videoinhalte zugänglich zu machen.
- + @@ -33,13 +33,13 @@ Willkommen zum MDN-Einsteigerkurs in JavaScript! In diesem Artikel betrachten wi ## Eine hochrangige Definition -JavaScript ist eine Skript- oder Programmiersprache, die es Ihnen ermöglicht, komplexe Funktionen auf Webseiten zu implementieren — jedes Mal, wenn eine Webseite mehr tut, als nur statische Informationen anzuzeigen, können Sie darauf wetten, dass JavaScript wahrscheinlich beteiligt ist. Es ist die dritte Schicht des Schichtkuchens der Standard-Webtechnologien, von denen zwei ([HTML](/de/docs/Learn_web_development/Core/Structuring_content) und [CSS](/de/docs/Learn_web_development/Core/Styling_basics)) wir in anderen Teilen des Lernbereichs ausführlicher behandelt haben. +JavaScript ist eine Skript- oder Programmiersprache, die es Ihnen ermöglicht, komplexe Funktionen auf Webseiten zu implementieren – jedes Mal, wenn eine Webseite mehr tut, als nur statische Informationen anzuzeigen, die Sie sich ansehen können – etwa aktuelle Inhaltsupdates anzuzeigen, interaktive Karten, animierte 2D-/3D-Grafiken, scrollende Video-Jukeboxen, usw. – können Sie darauf wetten, dass JavaScript wahrscheinlich im Spiel ist. Es ist die dritte Ebene des Schichtkuchens der Standard-Webtechnologien, von denen zwei ([HTML](/de/docs/Learn_web_development/Core/Structuring_content) und [CSS](/de/docs/Learn_web_development/Core/Styling_basics)) wir in anderen Teilen des Lernbereichs viel detaillierter behandelt haben. ![Die drei Schichten der Standard-Webtechnologien; HTML, CSS und JavaScript](cake.png) -- {{Glossary("HTML", "HTML")}} ist die Auszeichnungssprache, die wir nutzen, um unsere Webinhalte zu strukturieren und zu definieren, beispielsweise Absätze, Überschriften und Datentabellen zu definieren oder Bilder und Videos in die Seite einzubetten. -- {{Glossary("CSS", "CSS")}} ist eine Sprache von Stilregeln, die wir verwenden, um unserem HTML-Inhalt Stile zuzuweisen, z. B. Hintergrundfarben und Schriftarten festzulegen und unseren Inhalt in mehreren Spalten anzuordnen. -- {{Glossary("JavaScript", "JavaScript")}} ist eine Skriptsprache, die es Ihnen ermöglicht, dynamische Inhalte zu erstellen, Multimedia zu steuern, Bilder zu animieren und vieles mehr. (Okay, nicht alles, aber es ist erstaunlich, was Sie mit ein paar Zeilen JavaScript-Code erreichen können.) +- {{Glossary("HTML", "HTML")}} ist die Auszeichnungssprache, die wir verwenden, um unseren Webinhalt zu strukturieren und ihm Bedeutung zu verleihen, z. B. indem wir Absätze, Überschriften und Datentabellen definieren oder Bilder und Videos in die Seite einbetten. +- {{Glossary("CSS", "CSS")}} ist eine Sprache von Stilregeln, die wir verwenden, um unseren HTML-Inhalt zu gestalten, z. B. um Hintergrundfarben und Schriftarten festzulegen und unseren Inhalt in mehreren Spalten anzuordnen. +- {{Glossary("JavaScript", "JavaScript")}} ist eine Skriptsprache, die Sie in die Lage versetzt, dynamisch Inhalte zu aktualisieren, Multimedia zu steuern, Bilder zu animieren und fast alles andere zu tun. (Okay, nicht alles, aber es ist erstaunlich, was Sie mit ein paar Zeilen JavaScript-Code erreichen können.) Die drei Schichten bauen schön aufeinander auf. Nehmen wir als Beispiel einen Button. Wir können ihn mit HTML auszeichnen, um ihm Struktur und Zweck zu geben: @@ -47,9 +47,9 @@ Die drei Schichten bauen schön aufeinander auf. Nehmen wir als Beispiel einen B ``` -![Button zeigt Player 1: Chris ohne Styling](just-html.png) +![Button zeigt Spieler 1: Chris ohne Styling](just-html.png) -Dann können wir etwas CSS hinzufügen, um ihn optisch ansprechend zu gestalten: +Dann können wir etwas CSS hinzufügen, um ihn ansprechend aussehen zu lassen: ```css button { @@ -66,7 +66,7 @@ button { } ``` -![Button zeigt Player 1: Chris mit Styling](html-and-css.png) +![Button zeigt Spieler 1: Chris mit Styling](html-and-css.png) Und schließlich können wir etwas JavaScript hinzufügen, um dynamisches Verhalten zu implementieren: @@ -83,64 +83,64 @@ button.addEventListener("click", updateName); {{ EmbedLiveSample('A_high-level_definition', '100%', 80) }} -Versuchen Sie, auf diese letzte Version des Textlabels zu klicken, um zu sehen, was passiert (beachten Sie auch, dass Sie dieses Demo auf GitHub finden können – siehe den [Quellcode](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/javascript-label.html) oder [führen Sie es live aus](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/javascript-label.html))! +Versuchen Sie, auf diese letzte Version des Textlabels zu klicken, um zu sehen, was passiert (beachten Sie auch, dass Sie dieses Demo auf GitHub finden können – sehen Sie sich den [Quellcode](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/javascript-label.html) an oder [führen Sie es live aus](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/javascript-label.html))! -JavaScript kann noch viel mehr als das — lassen Sie uns im Detail erkunden, was. +JavaScript kann noch viel mehr als das – lassen Sie uns im Detail erkunden, was es wirklich kann. ## Was kann es wirklich tun? -Die Kernsprache von clientseitigem JavaScript besteht aus einigen allgemeinen Programmierfunktionen, die es Ihnen ermöglichen, Dinge wie die folgenden zu tun: +Die clientseitige JavaScript-Kernsprache besteht aus einigen allgemeinen Programmierfunktionen, die es Ihnen ermöglichen, Dinge wie diese zu tun: -- Nützliche Werte in Variablen speichern. Im obigen Beispiel fragen wir beispielsweise nach einem neuen Namen und speichern diesen Namen in einer Variablen namens `name`. -- Operationen an Textstücken (in der Programmierung als "Strings" bekannt). Im obigen Beispiel nehmen wir den String "Player 1: " und fügen ihn der `name`-Variablen hinzu, um das komplette Textlabel zu erstellen, z.B. "Player 1: Chris". -- Code ausführen als Reaktion auf bestimmte Ereignisse, die auf einer Webseite auftreten. Wir haben in unserem obigen Beispiel ein [`click`](/de/docs/Web/API/Element/click_event)-Ereignis verwendet, um zu erkennen, wann das Label angeklickt wird und dann den Code auszuführen, der das Textlabel aktualisiert. -- Und vieles mehr! +- Nützliche Werte in Variablen speichern. Im obigen Beispiel bitten wir zum Beispiel darum, dass ein neuer Name eingegeben wird, und speichern dann diesen Namen in einer Variablen namens `name`. +- Operationen auf Textstücken durchführen (bekannt als „Strings“ in der Programmierung). Im obigen Beispiel nehmen wir den String „Player 1: “ und fügen ihn der `name`-Variable hinzu, um das vollständige Textlabel zu erstellen, z. B. „Player 1: Chris“. +- Code als Reaktion auf bestimmte Ereignisse ausführen, die auf einer Webseite auftreten. Wir haben in unserem obigen Beispiel ein [`click`](/de/docs/Web/API/Element/click_event)-Ereignis verwendet, um zu erkennen, wann das Label geklickt wird, und dann den Code auszuführen, der das Textlabel aktualisiert. +- Und noch viel mehr! -Was noch aufregender ist, ist die Funktionalität, die auf der clientseitigen JavaScript-Sprache aufbaut. So genannte **Application Programming Interfaces** (**APIs**) bieten Ihnen zusätzliche Superkräfte, die Sie in Ihrem JavaScript-Code verwenden können. +Was jedoch noch aufregender ist, ist die Funktionalität, die auf der clientseitigen JavaScript-Sprache aufbaut. Die sogenannten **Application Programming Interfaces** (**APIs**) bieten Ihnen zusätzliche Superkräfte, die Sie in Ihrem JavaScript-Code verwenden können. -APIs sind fertige Sets von Code-Bausteinen, die es einem Entwickler ermöglichen, Programme zu implementieren, die ansonsten schwer oder unmöglich zu realisieren wären. Sie tun dasselbe für das Programmieren wie fertige Möbelbausätze für den Hausbau — es ist viel einfacher, vorgefertigte Platten auszuwählen und zusammenzuschrauben, um ein Bücherregal zu bauen, als sich das Design selbst auszudenken, das richtige Holz zu finden, alle Platten auf die richtige Größe und Form zu schneiden, die richtigen Schrauben zu finden und _dann_ zusammenzubauen, um ein Bücherregal zu bauen. +APIs sind gebrauchsfertige Sets von Codebausteinen, die es einem Entwickler ermöglichen, Programme zu implementieren, die sonst schwer oder unmöglich zu implementieren wären. Sie machen dasselbe für die Programmierung, was fertige Möbelbausätze für den Hausbau tun – es ist viel einfacher, vorgefertigte Paneele zu nehmen und sie zusammenzuschrauben, um ein Bücherregal zu erstellen, als das Design selbst zu erarbeiten, das richtige Holz zu finden, alle Paneele auf die richtige Größe und Form zu schneiden, die passenden Schrauben zu finden und _dann_ alles zusammenzufügen, um ein Bücherregal zu erstellen. -Sie fallen im Allgemeinen in zwei Kategorien: +Sie fallen im Allgemeinen in zwei Kategorien. -![Zwei Kategorien von APIs; 3rd Party APIs werden neben dem Browser und Browser APIs im Browser angezeigt](browser.png) +![Zwei Kategorien von APIs; externe APIs werden neben dem Browser angezeigt und Browser-APIs befinden sich im Browser](browser.png) -**Browser-APIs** sind in Ihren Webbrowser integriert und können Daten aus der umgebenden Computerumgebung zugänglich machen oder nützliche komplexe Dinge tun. Zum Beispiel: +**Browser-APIs** sind in Ihrem Webbrowser integriert und können Daten aus der umgebenden Computerumgebung bereitstellen oder nützliche komplexe Dinge tun. Zum Beispiel: -- Die [DOM (Document Object Model) API](/de/docs/Web/API/Document_Object_Model) ermöglicht es Ihnen, HTML und CSS zu manipulieren, HTML zu erstellen, zu entfernen und zu ändern, neue Stile dynamisch auf Ihre Seite anzuwenden usw. Jedes Mal, wenn Sie ein Popup-Fenster auf einer Seite erscheinen sehen oder neue Inhalte angezeigt werden (wie wir oben in unserem einfachen Demo gesehen haben), ist das das DOM in Aktion. -- Die [Geolocation API](/de/docs/Web/API/Geolocation_API) ruft geografische Informationen ab. So kann [Google Maps](https://www.google.com/maps) Ihren Standort finden und auf einer Karte darstellen. -- Die [Canvas](/de/docs/Web/API/Canvas_API) und [WebGL](/de/docs/Web/API/WebGL_API) APIs ermöglichen es Ihnen, animierte 2D- und 3D-Grafiken zu erstellen. Menschen tun erstaunliche Dinge mit diesen Webtechnologien — siehe [Chrome Experiments](https://experiments.withgoogle.com/collection/chrome) und [webglsamples](https://webglsamples.org/). -- [Audio und Video APIs](/de/docs/Web/Media/Audio_and_video_delivery) wie [`HTMLMediaElement`](/de/docs/Web/API/HTMLMediaElement) und [WebRTC](/de/docs/Web/API/WebRTC_API) ermöglichen es Ihnen, wirklich interessante Dinge mit Multimedia zu tun, wie z.B. Audio und Video direkt in einer Webseite abzuspielen oder Videomaterial von Ihrer Webcam zu erfassen und es auf dem Computer einer anderen Person anzuzeigen (versuchen Sie unser einfaches [Snapshot-Demo](https://chrisdavidmills.github.io/snapshot/), um die Idee zu verstehen). +- Die [DOM (Document Object Model) API](/de/docs/Web/API/Document_Object_Model) ermöglicht Ihnen die Manipulation von HTML und CSS, das Erstellen, Entfernen und Ändern von HTML, das dynamische Anwenden neuer Stile auf Ihre Seite, usw. Jedes Mal, wenn Sie beispielsweise ein Pop-up-Fenster auf einer Seite sehen oder neue Inhalte angezeigt werden (wie wir es oben in unserem einfachen Demo gesehen haben), ist das DOM in Aktion. +- Die [Geolocation API](/de/docs/Web/API/Geolocation_API) ruft geografische Informationen ab. So kann [Google Maps](https://www.google.com/maps) Ihren Standort finden und ihn auf einer Karte darstellen. +- Die [Canvas](/de/docs/Web/API/Canvas_API) und [WebGL](/de/docs/Web/API/WebGL_API) APIs ermöglichen Ihnen die Erstellung animierter 2D- und 3D-Grafiken. Menschen machen erstaunliche Dinge mit diesen Webtechnologien – siehe [Chrome Experiments](https://experiments.withgoogle.com/collection/chrome) und [webglsamples](https://webglsamples.org/). +- [Audio- und Video-APIs](/de/docs/Web/Media/Guides/Audio_and_video_delivery) wie [`HTMLMediaElement`](/de/docs/Web/API/HTMLMediaElement) und [WebRTC](/de/docs/Web/API/WebRTC_API) ermöglichen es Ihnen, wirklich interessante Dinge mit Multimedia zu tun, wie z. B. Audio und Video direkt in einer Webseite abzuspielen oder Video von Ihrer Webcam zu erfassen und auf dem Computer einer anderen Person anzuzeigen (probieren Sie unser einfaches [Schnappschuss-Demo](https://chrisdavidmills.github.io/snapshot/) aus, um die Idee zu verstehen). -**Third Party APIs** sind standardmäßig nicht in den Browser integriert, und Sie müssen deren Code und Informationen im Allgemeinen von einem Ort im Web abrufen. Beispiel: +**Externe APIs** sind standardmäßig nicht im Browser integriert, und es ist im Allgemeinen erforderlich, ihren Code und ihre Informationen von irgendwo im Web abzurufen. Zum Beispiel: -- Die [Twitter API](https://developer.x.com/en/docs) ermöglicht es Ihnen, Dinge wie Ihre neuesten Tweets auf Ihrer Website anzuzeigen. -- Die [Google Maps API](https://developers.google.com/maps/) und [OpenStreetMap API](https://wiki.openstreetmap.org/wiki/API) ermöglicht es Ihnen, benutzerdefinierte Karten in Ihre Website einzubetten und ähnliche Funktionalitäten zu nutzen. +- Die [Twitter API](https://developer.twitter.com/en/docs) ermöglicht es Ihnen, Dinge wie das Anzeigen Ihrer neuesten Tweets auf Ihrer Website zu tun. +- Die [Google Maps API](https://developers.google.com/maps/) und die [OpenStreetMap API](https://wiki.openstreetmap.org/wiki/API) ermöglichen es Ihnen, benutzerdefinierte Karten in Ihre Website einzubetten und ähnliche Funktionen zu verwenden. > [!NOTE] -> Diese APIs sind fortgeschritten und wir werden keine dieser in diesem Modul behandeln. Sie können viel mehr darüber in unserem [Client-side web APIs-Modul](/de/docs/Learn_web_development/Extensions/Client-side_APIs) herausfinden. +> Diese APIs sind fortgeschritten und wir werden keine dieser APIs in diesem Modul abdecken. Sie können viel mehr darüber in unserem [Module zu clientseitigen Web-APIs](/de/docs/Learn_web_development/Extensions/Client-side_APIs) erfahren. -Es gibt auch noch viel mehr, das verfügbar ist! Sie sollten jedoch noch nicht zu aufgeregt werden. Sie werden nicht in der Lage sein, das nächste Facebook, Google Maps oder Instagram zu bauen, nachdem Sie JavaScript für 24 Stunden studiert haben — es gibt viele Grundlagen zu behandeln. Und deshalb sind Sie hier — lassen Sie uns weitermachen! +Es gibt noch viel mehr, was verfügbar ist! Lassen Sie sich jedoch nicht übermäßig begeistern. Sie werden nicht in der Lage sein, das nächste Facebook, Google Maps oder Instagram zu erstellen, nachdem Sie JavaScript für 24 Stunden studiert haben – es gibt eine Menge Grundlagen zu behandeln. Und genau deshalb sind Sie hier – lassen Sie uns fortfahren! ## Was macht JavaScript auf Ihrer Seite? -Hier werden wir tatsächlich einen Blick auf einige Codeschnipsel werfen und dabei erkunden, was tatsächlich passiert, wenn Sie etwas JavaScript auf Ihrer Seite ausführen. +Hier werden wir tatsächlich beginnen, uns einige Code-Beispiele anzusehen, und währenddessen erkunden, was tatsächlich passiert, wenn Sie JavaScript auf Ihrer Seite ausführen. -Lassen Sie uns die Geschichte kurz rekapitulieren, was passiert, wenn Sie eine Webseite in einem Browser laden (zuerst besprochen in unserem Artikel [Was ist CSS?](/de/docs/Learn_web_development/Core/Styling_basics/What_is_CSS#how_is_css_applied_to_html)). Wenn Sie eine Webseite in Ihrem Browser laden, läuft Ihr Code (der HTML-, CSS- und JavaScript-Code) in einer Ausführungsumgebung (dem Browser-Tab). Das ist wie eine Fabrik, die Rohstoffe (den Code) aufnimmt und ein Produkt (die Webseite) herausgibt. +Lassen Sie uns die Geschichte dessen, was passiert, wenn Sie eine Webseite in einem Browser laden, kurz rekapitulieren (zuerst besprochen in unserem Artikel [Was ist CSS?](/de/docs/Learn_web_development/Core/Styling_basics/What_is_CSS#how_is_css_applied_to_html)). Wenn Sie eine Webseite in Ihrem Browser laden, führen Sie Ihren Code (das HTML, CSS und JavaScript) in einer Ausführungsumgebung aus (den Browser-Tab). Dies ist wie eine Fabrik, die Rohmaterialien (den Code) aufnimmt und ein Produkt (die Webseite) ausgibt. ![HTML-, CSS- und JavaScript-Code kommen zusammen, um den Inhalt im Browser-Tab zu erstellen, wenn die Seite geladen wird](execution.png) -Ein sehr häufiger Gebrauch von JavaScript ist das dynamische Ändern von HTML und CSS zur Aktualisierung einer Benutzeroberfläche, über die Document Object Model-API (wie oben erwähnt). +Eine sehr häufige Verwendung von JavaScript ist das dynamische Ändern von HTML und CSS zur Aktualisierung einer Benutzeroberfläche über die Document Object Model API (wie oben erwähnt). ### Browsersicherheit -Jeder Browser-Tab hat seinen eigenen separaten Container zum Ausführen von Code (diese Container werden in technischen Begriffen „Ausführungsumgebungen“ genannt) — das bedeutet, dass in den meisten Fällen der Code in jedem Tab vollständig separat ausgeführt wird, und dass der Code in einem Tab den Code in einem anderen Tab — oder auf einer anderen Website — nicht direkt beeinflussen kann. Dies ist eine gute Sicherheitsmaßnahme — wäre dies nicht der Fall, könnten Piraten beginnen, Code zu schreiben, um Informationen von anderen Websites zu stehlen, und andere solcher schlechten Dinge tun. +Jeder Browser-Tab hat seinen eigenen separaten Bucket, in dem der Code ausgeführt wird (diese Buckets werden in technischen Begriffen als „Execution Environments“ bezeichnet) – das bedeutet, dass der Code in den meisten Fällen in jedem Tab völlig separat ausgeführt wird und der Code in einem Tab den Code in einem anderen Tab oder auf einer anderen Website nicht direkt beeinflussen kann. Dies ist eine gute Sicherheitsmaßnahme – wenn dies nicht der Fall wäre, könnten Piraten anfangen, Code zu schreiben, um Informationen von anderen Websites zu stehlen und andere Dinge zu tun. > [!NOTE] > Es gibt Möglichkeiten, Code und Daten zwischen verschiedenen Websites/Tabs auf sichere Weise zu senden, aber das sind fortgeschrittene Techniken, die wir in diesem Kurs nicht behandeln werden. ### JavaScript-Ausführungsreihenfolge -Wenn der Browser auf einen Block JavaScript stößt, wird dieser generell der Reihenfolge nach von oben nach unten ausgeführt. Das bedeutet, dass Sie vorsichtig sein müssen, in welcher Reihenfolge Sie Dinge anordnen. Lassen Sie uns zum Beispiel zu dem JavaScript-Block zurückkehren, den wir in unserem ersten Beispiel gesehen haben: +Wenn der Browser auf einen Block JavaScript stößt, führt er ihn im Allgemeinen in der Reihenfolge von oben nach unten aus. Das bedeutet, dass Sie vorsichtig sein müssen, in welcher Reihenfolge Sie Dinge anordnen. Lassen Sie uns zum Beispiel auf den JavaScript-Block zurückkehren, den wir in unserem ersten Beispiel gesehen haben: ```js function updateName() { @@ -153,44 +153,44 @@ const button = document.querySelector("button"); button.addEventListener("click", updateName); ``` -Hier definieren wir zuerst einen Codeblock namens `updateName()` (diese Arten von wiederverwendbaren Codeblöcken werden **Funktionen** genannt), der den Benutzer nach einem neuen Namen fragt und diesen Namen in den Text eines Buttons einfügt. Dann speichern wir eine Referenz zu einem Button mithilfe von `document.querySelector` und fügen mit `addEventListener` einen Ereignis-Listener hinzu, sodass beim Klicken auf den Button die Funktion `updateName()` ausgeführt wird. +Hier definieren wir zuerst einen Codeblock namens `updateName()` (diese Art von wiederverwendbaren Codeblöcken wird **Funktionen** genannt), der den Benutzer nach einem neuen Namen fragt und diesen Namen in den Text eines Buttons einfügt. Dann speichern wir eine Referenz zu einem Button mit `document.querySelector` und fügen mit `addEventListener` einen Ereignislistener hinzu, damit die Funktion `updateName()` ausgeführt wird, wenn der Button geklickt wird. -Wenn Sie die Reihenfolge der Zeilen `const button = ...` und `button.addEventListener(...)` vertauschen würden, würde der Code nicht mehr funktionieren — stattdessen würden Sie einen Fehler in der [Browser-Entwicklungskonsole](/de/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools) sehen — `Uncaught ReferenceError: Cannot access 'button' before initialization`. Das bedeutet, dass das `button`-Objekt noch nicht initialisiert wurde, sodass wir keinen Ereignis-Listener hinzufügen können. +Wenn Sie die Reihenfolge der Zeilen `const button = ...` und `button.addEventListener(...)` vertauschen würden, würde der Code nicht mehr funktionieren - stattdessen würden Sie einen Fehler in der [Browser-Entwicklerkonsole](/de/docs/Learn_web_development/Howto/Tools_and_setup/What_are_browser_developer_tools) erhalten - `Uncaught ReferenceError: Cannot access 'button' before initialization`. Das bedeutet, dass das `button`-Objekt noch nicht initialisiert wurde, sodass wir keinen Ereignislistener darauf hinzufügen können. > [!NOTE] -> Es ist nicht immer wahr, dass JavaScript genau in der Reihenfolge von oben nach unten ausgeführt wird, aufgrund von Verhaltensweisen wie {{Glossary("Hoisting", "Hoisting")}}, aber im Moment sollten Sie im Gedächtnis behalten, dass Elemente im Allgemeinen definiert werden müssen, bevor Sie sie verwenden können. Dies ist eine häufige Fehlerquelle. +> Es ist nicht immer wahr, dass JavaScript genau in der Reihenfolge von oben nach unten ausgeführt wird, aufgrund von Verhalten wie {{Glossary("Hoisting", "Hoisting")}}, aber für jetzt bedenken Sie, dass im Allgemeinen Elemente vor ihrer Verwendung definiert werden müssen. Dies ist eine häufige Quelle für Fehler. -### Interpretierter versus kompilierter Code +### Interpretiert versus kompiliert -Möglicherweise hören Sie die Begriffe **interpretiert** und **kompiliert** im Zusammenhang mit Programmierung. In interpretierten Sprachen wird der Code in der Reihenfolge von oben nach unten ausgeführt und das Ergebnis der Codeausführung wird sofort zurückgegeben. Sie müssen den Code nicht in eine andere Form umwandeln, bevor der Browser ihn ausführt. Der Code wird in seiner für den Programmierer freundlichen Textform empfangen und direkt von dort verarbeitet. +Sie könnten die Begriffe **interpretiert** und **kompiliert** im Kontext der Programmierung hören. In interpretierten Sprachen wird der Code von oben nach unten ausgeführt und das Ergebnis der Codeausführung wird unmittelbar zurückgegeben. Sie müssen den Code nicht in eine andere Form transformieren, bevor der Browser ihn ausführt. Der Code wird in seiner programmerfreundlichen Textform empfangen und direkt daraus verarbeitet. -Kompilierte Sprachen hingegen werden in eine andere Form transformiert (kompiliert), bevor sie vom Computer ausgeführt werden. Beispielsweise wird C/C++ in Maschinencode kompiliert, der dann vom Computer ausgeführt wird. Das Programm wird aus einem Binärformat ausgeführt, das aus dem ursprünglichen Programm-Quellcode generiert wurde. +Kompilierte Sprachen hingegen werden (kompiliert) in eine andere Form umgewandelt, bevor sie vom Computer ausgeführt werden. Zum Beispiel werden C/C++ in Maschinencode kompiliert, der dann vom Computer ausgeführt wird. Das Programm wird aus einem Binärformat ausgeführt, das aus dem ursprünglichen Programmquellcode generiert wurde. -JavaScript ist eine leichtgewichtige interpretierte Programmiersprache. Der Webbrowser empfängt den JavaScript-Code in seiner ursprünglichen Textform und führt das Skript von dort aus. Aus technischer Sicht verwenden die meisten modernen JavaScript-Interpreter tatsächlich eine Technik namens **Just-in-time-Compiling**, um die Leistung zu verbessern; der JavaScript-Quellcode wird während der Verwendung des Skripts in ein schnelleres, binäres Format kompiliert, sodass er so schnell wie möglich ausgeführt werden kann. JavaScript gilt jedoch immer noch als interpretierte Sprache, da die Kompilierung zur Laufzeit erfolgt und nicht im Voraus. +JavaScript ist eine leichte interpretierte Programmiersprache. Der Webbrowser erhält den JavaScript-Code in seiner ursprünglichen Textform und führt das Skript daraus aus. Aus technischer Sicht verwenden die meisten modernen JavaScript-Interpreter tatsächlich eine Technik namens **just-in-time compiling**, um die Leistung zu verbessern; der JavaScript-Quellcode wird während der Nutzung des Skripts in ein schnelleres Binärformat kompiliert, sodass er so schnell wie möglich ausgeführt werden kann. Trotzdem wird JavaScript immer noch als interpretierte Sprache angesehen, da die Kompilierung zur Laufzeit stattfindet und nicht im Voraus. -Es gibt Vorteile beider Arten von Sprachen, aber darauf werden wir jetzt nicht eingehen. +Es gibt sowohl für interpretierte als auch für kompilierte Sprachen Vorteile, aber diese werden wir jetzt nicht diskutieren. -### Serverseitiger versus clientseitiger Code +### Server-seitiger vs. client-seitiger Code -Möglicherweise hören Sie auch die Begriffe **serverseitiger** und **clientseitiger** Code, insbesondere im Kontext der Webentwicklung. Clientseitiger Code ist Code, der auf dem Computer des Benutzers ausgeführt wird — wenn eine Webseite angezeigt wird, wird der clientseitige Code der Seite heruntergeladen und dann vom Browser ausgeführt und angezeigt. In diesem Modul sprechen wir explizit über **clientseitiges JavaScript**. +Sie könnten auch die Begriffe **server-seitiger** und **client-seitiger** Code hören, insbesondere im Kontext der Webentwicklung. Client-seitiger Code ist Code, der auf dem Computer des Benutzers ausgeführt wird - bei einem Webseitenaufruf wird der client-seitige Code der Seite heruntergeladen, dann vom Browser ausgeführt und angezeigt. In diesem Modul sprechen wir ausdrücklich über **client-seitiges JavaScript**. -Serverseitiger Code hingegen wird auf dem Server ausgeführt, dann werden dessen Ergebnisse heruntergeladen und im Browser angezeigt. Beispiele für beliebte serverseitige Websprachen sind PHP, Python, Ruby, C# und sogar JavaScript! JavaScript kann auch als serverseitige Sprache verwendet werden, z.B. in der populären Node.js-Umgebung — Sie können mehr über serverseitiges JavaScript in unserem Thema [Dynamische Websites – serverseitige Programmierung](/de/docs/Learn_web_development/Extensions/Server-side) herausfinden. +Server-seitiger Code hingegen wird auf dem Server ausgeführt, bevor seine Ergebnisse heruntergeladen und im Browser angezeigt werden. Beispiele für beliebte server-seitige Websprachen sind PHP, Python, Ruby, C# und sogar JavaScript! JavaScript kann auch als server-seitige Sprache verwendet werden, zum Beispiel in der beliebten Node.js-Umgebung - mehr über server-seitiges JavaScript erfahren Sie in unserem Thema [Dynamische Websites – Server-seitige Programmierung](/de/docs/Learn_web_development/Extensions/Server-side). -### Dynamischer versus statischer Code +### Dynamischer vs. statischer Code -Das Wort **dynamisch** wird verwendet, um sowohl clientseitiges JavaScript als auch serverseitige Sprachen zu beschreiben — es bezieht sich auf die Fähigkeit, die Anzeige einer Webseite/an einer App in verschiedenen Situationen zu aktualisieren und neuen Inhalt nach Bedarf zu generieren. Serverseitiger Code generiert neue Inhalte dynamisch auf dem Server, z.B. das Abrufen von Daten aus einer Datenbank, während clientseitiges JavaScript neue Inhalte dynamisch im Browser auf dem Client generiert, z.B. das Erstellen einer neuen HTML-Tabelle, das Füllen dieser mit vom Server angeforderten Daten und dann das Anzeigen der Tabelle auf einer dem Benutzer angezeigten Webseite. Die Bedeutung ist in beiden Kontexten geringfügig unterschiedlich, aber verwandt, und beide Ansätze (serverseitig und clientseitig) arbeiten meist zusammen. +Das Wort **dynamisch** wird sowohl zur Beschreibung von client-seitigem JavaScript als auch von server-seitigen Sprachen verwendet - es bezieht sich auf die Fähigkeit, die Anzeige einer Webseite/App zu aktualisieren, um unter verschiedenen Umständen unterschiedliche Inhalte anzuzeigen und neue Inhalte nach Bedarf zu generieren. Server-seitiger Code generiert dynamisch neue Inhalte auf dem Server, z. B. durch Abrufen von Daten aus einer Datenbank, während client-seitiges JavaScript dynamisch neue Inhalte im Browser des Clients erzeugt, z. B. indem es eine neue HTML-Tabelle erstellt, sie mit Daten vom Server füllt und dann die Tabelle auf einer dem Benutzer angezeigten Webseite darstellt. Die Bedeutung ist in beiden Kontexten leicht unterschiedlich, aber verwandt, und beide Ansätze (server-seitig und client-seitig) arbeiten normalerweise zusammen. -Eine Webseite ohne dynamisch aktualisierte Inhalte wird als **statisch** bezeichnet — sie zeigt immer denselben Inhalt an. +Eine Webseite ohne dynamisch aktualisierte Inhalte wird als **statisch** bezeichnet - sie zeigt immer denselben Inhalt an. ## Wie fügen Sie JavaScript zu Ihrer Seite hinzu? -JavaScript wird auf ähnliche Weise zu Ihrer HTML-Seite hinzugefügt wie CSS. Während CSS {{htmlelement("link")}}-Elemente verwendet, um externe Stylesheets anzuwenden, und {{htmlelement("style")}}-Elemente, um interne Stylesheets auf HTML anzuwenden, benötigt JavaScript nur einen Freund in der Welt von HTML — das {{htmlelement("script")}}-Element. Lassen Sie uns lernen, wie das funktioniert. +JavaScript wird Ihrer HTML-Seite auf ähnliche Weise hinzugefügt wie CSS. Während CSS {{htmlelement("link")}}-Elemente verwendet, um externe Stylesheets anzuwenden, und {{htmlelement("style")}}-Elemente, um interne Stylesheets auf HTML anzuwenden, benötigt JavaScript nur einen Freund in der Welt des HTML - das {{htmlelement("script")}}-Element. Lassen Sie uns lernen, wie das funktioniert. ### Internes JavaScript -1. Erstellen Sie zunächst eine lokale Kopie unserer Beispieldatei [apply-javascript.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript.html). Speichern Sie sie in einem Verzeichnis an einem sinnvollen Ort. -2. Öffnen Sie die Datei in Ihrem Webbrowser und Ihrem Texteditor. Sie werden sehen, dass das HTML eine einfache Webseite erstellt, die einen anklickbaren Button enthält. -3. Gehen Sie nun zu Ihrem Texteditor und fügen Sie das folgende am Ende Ihres Bodies hinzu — gerade vor Ihrem schließenden ``-Tag: +1. Erstellen Sie zunächst eine lokale Kopie unserer Beispieldatei [apply-javascript.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript.html). Speichern Sie sie in einem vernünftigen Verzeichnis. +2. Öffnen Sie die Datei in Ihrem Webbrowser und in Ihrem Texteditor. Sie werden sehen, dass das HTML eine einfache Webseite erstellt, die einen klickbaren Button enthält. +3. Gehen Sie als Nächstes zu Ihrem Texteditor und fügen Sie Folgendes am Ende Ihres Bodys hinzu - direkt vor Ihrem schließenden ``-Tag: ```html ``` - Beachten Sie, dass der Code in Ihren Webdokumenten im Allgemeinen in der Reihenfolge geladen und ausgeführt wird, in der er auf der Seite erscheint. Indem wir das JavaScript an das Ende setzen, stellen wir sicher, dass alle HTML-Elemente geladen sind. (Siehe auch [Ladestrategien für Skripte](#ladestrategien_für_skripte) unten.) + Beachten Sie, dass der Code in Ihren Webdokumenten normalerweise in der Reihenfolge geladen und ausgeführt wird, in der er auf der Seite erscheint. Indem wir das JavaScript am Ende platzieren, stellen wir sicher, dass alle HTML-Elemente geladen sind. (Siehe auch unten [Skriptlade-Strategien](#skriptlade-strategien).) -4. Jetzt werden wir etwas JavaScript in unser {{htmlelement("script")}}-Element einfügen, um die Seite interessanter zu machen — fügen Sie den folgenden Code direkt unter der Linie „// JavaScript goes here“ ein: +4. Jetzt fügen wir etwas JavaScript in unser {{htmlelement("script")}}-Element ein, um die Seite interessanter zu machen – fügen Sie den folgenden Code direkt unter der Zeile "// JavaScript goes here" hinzu: ```js function createParagraph() { @@ -216,26 +216,29 @@ JavaScript wird auf ähnliche Weise zu Ihrer HTML-Seite hinzugefügt wie CSS. W } ``` -5. Speichern Sie Ihre Datei und aktualisieren Sie den Browser — jetzt sollten Sie sehen, dass beim Klicken auf den Button ein neuer Absatz generiert und unten eingefügt wird. +5. Speichern Sie Ihre Datei und aktualisieren Sie den Browser – jetzt sollten Sie sehen, dass beim Klicken auf den Button ein neuer Absatz generiert und darunter platziert wird. > [!NOTE] -> Wenn Ihr Beispiel nicht zu funktionieren scheint, gehen Sie die Schritte erneut durch und überprüfen Sie, ob Sie alles richtig gemacht haben. Haben Sie Ihre lokale Kopie des Ausgangscodes als `.html`-Datei gespeichert? Haben Sie Ihr {{htmlelement("script")}}-Element direkt vor dem `` eingefügt? Haben Sie das JavaScript genau so eingegeben, wie es gezeigt wird? **JavaScript ist case-sensitiv und sehr anspruchsvoll, daher müssen Sie die Syntax genau so eingeben, wie sie gezeigt wird, sonst funktioniert sie möglicherweise nicht.** +> Wenn Ihr Beispiel nicht zu funktionieren scheint, gehen Sie die Schritte noch einmal durch und prüfen Sie, ob Sie alles richtig gemacht haben. +> Haben Sie Ihre lokale Kopie des Startcodes als `.html`-Datei gespeichert? +> Haben Sie Ihr {{htmlelement("script")}}-Element direkt vor dem Schließen des ``-Tags hinzugefügt? +> Haben Sie das JavaScript genau so eingegeben, wie es gezeigt wird? **JavaScript ist case-sensitive und sehr pingelig, Sie müssen die Syntax genau so eingeben, wie sie angezeigt wird, sonst funktioniert es möglicherweise nicht.** > [!NOTE] -> Sie können diese Version auf GitHub als [apply-javascript-internal.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html) sehen ([sehen Sie es auch live](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html)). +> Sie können diese Version auf GitHub als [apply-javascript-internal.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html) sehen ([sehen Sie es sich auch live an](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-internal.html)). ### Externes JavaScript -Dies funktioniert großartig, aber was, wenn wir unser JavaScript in einer externen Datei platzieren möchten? Lassen Sie uns dies nun untersuchen. +Das funktioniert großartig, aber was, wenn wir unser JavaScript in eine externe Datei legen möchten? Lassen Sie uns das jetzt erkunden. -1. Erstellen Sie zuerst eine neue Datei im selben Verzeichnis wie Ihre Beispiel-HTML-Datei. Nennen Sie sie `script.js` — stellen Sie sicher, dass sie die .js Dateierweiterung hat, da sie so als JavaScript erkannt wird. -2. Entfernen Sie Ihr aktuelles {{htmlelement("script")}}-Element am unteren Rand des `` und fügen Sie das folgende direkt vor dem schließenden ``-Tag ein (damit der Browser die Datei früher laden kann, als wenn sie am unteren Rand steht): +1. Erstellen Sie zunächst eine neue Datei im selben Verzeichnis wie Ihre Beispiel-HTML-Datei. Nennen Sie sie `script.js` — stellen Sie sicher, dass sie die Erweiterung .js hat, da sie so als JavaScript erkannt wird. +2. Entfernen Sie Ihr aktuelles {{htmlelement("script")}}-Element am unteren Rand des `` und fügen Sie das folgende direkt vor dem schließenden ``-Tag hinzu (damit der Browser die Datei früher laden kann als wenn sie am Ende steht): ```html ``` -3. Fügen Sie in `script.js` das folgende Skript ein: +3. Fügen Sie in `script.js` das folgende Skript hinzu: ```js function createParagraph() { @@ -251,17 +254,17 @@ Dies funktioniert großartig, aber was, wenn wir unser JavaScript in einer exter } ``` -4. Speichern und aktualisieren Sie Ihren Browser. Sie werden feststellen, dass das Klicken auf den Button keine Wirkung hat, und wenn Sie die Konsole Ihres Browsers überprüfen, sehen Sie einen Fehler ähnlich wie `Cross-origin request blocked`. Das liegt daran, dass wie viele externe Ressourcen, JavaScript-Module vom [gleichen Ursprung](/de/docs/Web/Security/Same-origin_policy) wie das HTML geladen werden müssen, und `file://` URLs qualifizieren nicht. Es gibt zwei Lösungen, um dieses Problem zu beheben: - - Unsere empfohlene Lösung besteht darin, [einen lokalen Testserver einzurichten](/de/docs/Learn_web_development/Howto/Tools_and_setup/set_up_a_local_testing_server). Wenn das Serverprogramm läuft und die `apply-javascript-external.html` und `script.js` Dateien auf Port `8000` bereitstellt, öffnen Sie Ihren Browser und gehen Sie zu `http://localhost:8000`. - - Wenn Sie keinen lokalen Server ausführen können, können Sie auch `` anstelle von `` verwenden. Weitere Informationen finden Sie unter [Ladestrategien für Skripte](#ladestrategien_für_skripte) unten. Beachten Sie jedoch, dass Funktionen, die wir in anderen Teilen des Tutorials verwenden, möglicherweise ohnehin einen lokalen HTTP-Server erfordern. -5. Nun funktioniert die Website genauso wie zuvor, aber jetzt haben wir unser JavaScript in einer externen Datei. Dies ist im Allgemeinen eine gute Sache in Bezug auf die Organisation Ihres Codes und die Wiederverwendbarkeit über mehrere HTML-Dateien hinweg. Außerdem ist das HTML leichter lesbar ohne riesige Script-Blöcke, die hineingeworfen werden. +4. Speichern Sie und aktualisieren Sie Ihren Browser. Sie werden feststellen, dass das Klicken auf den Button keine Wirkung zeigt, und wenn Sie die Konsole Ihres Browsers überprüfen, werden Sie einen Fehler sehen, der in etwa `Cross-origin request blocked` lautet. Das liegt daran, dass wie viele externe Ressourcen auch JavaScript-Module von der [gleichen Herkunft](/de/docs/Web/Security/Same-origin_policy) wie das HTML geladen werden müssen und `file://`-URLs nicht qualifiziert sind. Es gibt zwei Lösungen, um dieses Problem zu beheben: + - Unsere empfohlene Lösung ist es, [einen lokalen Testserver einzurichten](/de/docs/Learn_web_development/Howto/Tools_and_setup/set_up_a_local_testing_server). Mit dem laufenden Serverprogramm, das die Dateien `apply-javascript-external.html` und `script.js` auf Port `8000` bereitstellt, öffnen Sie Ihren Browser und gehen zu `http://localhost:8000`. + - Wenn Sie keinen lokalen Server ausführen können, können Sie auch `` anstelle von `` verwenden. Weitere Informationen finden Sie unten unter [Skriptlade-Strategien](#skriptlade-strategien). Beachten Sie jedoch, dass Funktionen, die wir in anderen Teilen des Tutorials verwenden, möglicherweise trotzdem einen lokalen HTTP-Server erfordern. +5. Jetzt funktioniert die Website genauso wie zuvor, aber jetzt haben wir unser JavaScript in einer externen Datei. Das ist im Allgemeinen eine gute Sache in Bezug auf die Organisation Ihres Codes und macht ihn wiederverwendbar über mehrere HTML-Dateien hinweg. Außerdem ist das HTML leichter lesbar, ohne große Skriptblöcke darin. > [!NOTE] -> Sie können diese Version auf GitHub als [apply-javascript-external.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html) und [script.js](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/script.js) sehen ([sehen Sie es auch live](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html)). +> Sie können diese Version auf GitHub als [apply-javascript-external.html](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html) und [script.js](https://github.com/mdn/learning-area/blob/main/javascript/introduction-to-js-1/what-is-js/script.js) sehen ([sehen Sie es auch live an](https://mdn.github.io/learning-area/javascript/introduction-to-js-1/what-is-js/apply-javascript-external.html)). -### Inline JavaScript-Handler +### Inline-JavaScript-Handler -Beachten Sie, dass Sie manchmal auf Codezeilen von tatsächlichem JavaScript stoßen werden, die innerhalb von HTML leben. Es könnte so aussehen: +Beachten Sie, dass Sie manchmal auf kleine JavaScript-Codeblöcke treffen, die in HTML eingebettet sind. Es könnte etwa so aussehen: ```js example-bad function createParagraph() { @@ -279,13 +282,13 @@ Sie können diese Version unseres Demos unten ausprobieren. {{ EmbedLiveSample('Inline_JavaScript_handlers', '100%', 150) }} -Dieses Demo hat genau die gleiche Funktionalität wie in den vorherigen zwei Abschnitten, außer dass das {{htmlelement("button")}}-Element einen Inline-`onclick`-Handler enthält, um die Funktion auszuführen, wenn der Button gedrückt wird. +Dieses Demo hat exakt dieselbe Funktionalität wie in den vorherigen beiden Abschnitten, außer dass das {{htmlelement("button")}}-Element einen `onclick`-Inline-Handler enthält, um die Funktion auszuführen, wenn der Button gedrückt wird. -**Bitte tun Sie dies jedoch nicht.** Es ist schlechte Praxis, Ihr HTML mit JavaScript zu verschmutzen, und es ist ineffizient — Sie müssten das `onclick="createParagraph()"`-Attribut auf jeden Button anwenden, auf den das JavaScript angewendet werden soll. +**Bitte tun Sie das jedoch nicht.** Es ist schlechte Praxis, Ihr HTML mit JavaScript zu belasten, und es ist ineffizient – Sie müssten das `onclick="createParagraph()"`-Attribut auf jedem Button hinzufügen, auf den das JavaScript angewendet werden soll. -### Verwendung von addEventListener stattdessen +### Die Verwendung von addEventListener stattdessen -Statt JavaScript in Ihr HTML einzuschließen, verwenden Sie eine reine JavaScript-Konstruktion. Die `querySelectorAll()`-Funktion ermöglicht Ihnen, alle Buttons auf einer Seite auszuwählen. Sie können dann durch die Buttons iterieren und einem jeden mit `addEventListener()` einen Handler zuweisen. Der Code dafür sieht folgendermaßen aus: +Anstatt JavaScript in Ihr HTML einzubetten, verwenden Sie eine reine JavaScript-Konstruktion. Die `querySelectorAll()`-Funktion ermöglicht es Ihnen, alle Buttons auf einer Seite auszuwählen. Sie können dann über die Buttons schleifen und jedem einen Handler mit `addEventListener()` zuweisen. Der Code dazu sieht folgendermaßen aus: ```js const buttons = document.querySelectorAll("button"); @@ -295,37 +298,37 @@ for (const button of buttons) { } ``` -Dies mag ein wenig länger sein als das `onclick`-Attribut, aber es funktioniert für alle Buttons — unabhängig davon, wie viele sich auf der Seite befinden, oder wie viele hinzugefügt oder entfernt werden. Das JavaScript muss nicht geändert werden. +Dieser Code mag ein wenig länger sein als das `onclick`-Attribut, aber es funktioniert für alle Buttons - egal wie viele sich auf der Seite befinden oder hinzugefügt oder entfernt werden. Der JavaScript-Code muss nicht geändert werden. > [!NOTE] -> Versuchen Sie, Ihre Version von `apply-javascript.html` zu bearbeiten und fügen Sie noch ein paar weitere Buttons in die Datei ein. Wenn Sie die Seite neu laden, sollten Sie feststellen, dass alle Buttons beim Klicken einen Absatz erzeugen. Ordentlich, oder? +> Versuchen Sie, Ihre Version von `apply-javascript.html` zu bearbeiten und fügen Sie der Datei ein paar weitere Buttons hinzu. Wenn Sie die Seite neu laden, sollten Sie feststellen, dass alle Buttons beim Klicken einen Absatz erzeugen. Ziemlich cool, oder? -### Ladestrategien für Skripte +### Skriptlade-Strategien -Der gesamte HTML-Code auf einer Seite wird in der Reihenfolge geladen, in der er erscheint. Wenn Sie JavaScript verwenden, um Elemente auf der Seite zu manipulieren (oder genauer gesagt das [Document Object Model](/de/docs/Learn_web_development/Core/Scripting/DOM_scripting#the_document_object_model)), wird Ihr Code nicht funktionieren, wenn das JavaScript geladen und geparst wird, bevor das HTML, das Sie bearbeiten möchten. +Der gesamte HTML-Code auf einer Seite wird in der Reihenfolge geladen, in der er erscheint. Wenn Sie JavaScript verwenden, um Elemente auf der Seite zu manipulieren (oder genauer gesagt, das [Document Object Model](/de/docs/Learn_web_development/Core/Scripting/DOM_scripting#the_document_object_model)), funktioniert Ihr Code nicht, wenn das JavaScript geladen und geparst wird, bevor das HTML, das Sie manipulieren möchten, geladen wurde. -Es gibt einige verschiedene Strategien, um sicherzustellen, dass Ihr JavaScript nur ausgeführt wird, nachdem das HTML geparst wurde: +Es gibt einige verschiedene Strategien, um sicherzustellen, dass Ihr JavaScript erst nach dem Parsen des HTML ausgeführt wird: -- Im internen JavaScript-Beispiel oben wird das Skriptelement am Ende des Bodys des Dokuments platziert und daher erst ausgeführt, nachdem der Rest des HTML-Bodys geparst wurde. -- Im externen JavaScript-Beispiel oben wird das Skriptelement im Kopf des Dokuments platziert, bevor der HTML-Body geparst wird. Da wir jedoch `
Voraussetzungen:Ein Verständnis von HTML und die Grundlagen von CSS.Ein Verständnis von HTML und den grundlegenden Konzepten von CSS.
Lernziele:
    -
  • Was ist JavaScript, und wie fügt es sich in eine Webseite ein.
    • +
  • Was ist JavaScript und wie passt es in eine Website?
  • Was Sie mit JavaScript machen können.
    • -
  • Hinzufügen von JavaScript zu einer Webseite.
    • -
  • Schreiben von Kommentaren innerhalb von JavaScript.
    • +
  • JavaScript zu einer Webseite hinzufügen.
    • +
  • Kommentare innerhalb von JavaScript schreiben.