MDNWebDocs跳转到主要内容跳转到搜索MDNHTML/zh-CN/docs/Web/HTML>HTML:MarkuplanguageHTMLreference/zh-CN/docs/Web/HTML/Reference/Elements>Elements/zh-CN/docs/Web/HTML/Reference/Global_attributes>Globalattributes/zh-CN/docs/Web/HTML/Reference/Attributes>Attributes/zh-CN/docs/Web/HTML/Reference>Seeall…HTMLguides/zh-CN/docs/Web/HTML/Guides/Responsive_images>Responsiveimages/zh-CN/docs/Web/HTML/Guides/Cheatsheet>HTMLcheatsheet/zh-CN/docs/Web/HTML/Guides/Date_and_time_formats>Date&timeformats/zh-CN/docs/Web/HTML/Guides>Seeall…Markuplanguages/zh-CN/docs/Web/SVG>SVG/zh-CN/docs/Web/MathML>MathML/zh-CN/docs/Web/XML>XMLCSS/zh-CN/docs/Web/CSS>CSS:StylinglanguageCSSreference/zh-CN/docs/Web/CSS/Reference/Properties>Properties/zh-CN/docs/Web/CSS/Reference/Selectors>Selectors/zh-CN/docs/Web/CSS/Reference/At-rules>At-rules/zh-CN/docs/Web/CSS/Reference/Values>Values/zh-CN/docs/Web/CSS/Reference>Seeall…CSSguides/zh-CN/docs/Web/CSS/Guides/Box_model/Introduction>Boxmodel/zh-CN/docs/Web/CSS/Guides/Animations/Using>Animations/zh-CN/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts>Flexbox/zh-CN/docs/Web/CSS/Guides/Colors/Applying_color>Colors/zh-CN/docs/Web/CSS/Guides>Seeall…Layoutcookbook/zh-CN/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts>Columnlayouts/zh-CN/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element>Centeringanelement/zh-CN/docs/Web/CSS/How_to/Layout_cookbook/Card>Cardcomponent/zh-CN/docs/Web/CSS/How_to/Layout_cookbook>Seeall…JavaScriptJS/zh-CN/docs/Web/JavaScript>JavaScript:ScriptinglanguageJSreference/zh-CN/docs/Web/JavaScript/Reference/Global_Objects>Standardbuilt-inobjects/zh-CN/docs/Web/JavaScript/Reference/Operators>Expressions&operators/zh-CN/docs/Web/JavaScript/Reference/Statements>Statements&declarations/zh-CN/docs/Web/JavaScript/Reference/Functions>Functions/zh-CN/docs/Web/JavaScript/Reference>Seeall…JSguides/zh-CN/docs/Web/JavaScript/Guide/Control_flow_and_error_handling>Controlflow&errorhandling/zh-CN/docs/Web/JavaScript/Guide/Loops_and_iteration>Loopsanditeration/zh-CN/docs/Web/JavaScript/Guide/Working_with_objects>Workingwithobjects/zh-CN/docs/Web/JavaScript/Guide/Using_classes>Usingclasses/zh-CN/docs/Web/JavaScript/Guide>Seeall…WebAPIs/zh-CN/docs/Web/API>WebAPIs:ProgramminginterfacesWebAPIreference/zh-CN/docs/Web/API/File_System_API>FilesystemAPI/zh-CN/docs/Web/API/Fetch_API>FetchAPI/zh-CN/docs/Web/API/Geolocation_API>GeolocationAPI/zh-CN/docs/Web/API/HTML_DOM_API>HTMLDOMAPI/zh-CN/docs/Web/API/Push_API>PushAPI/zh-CN/docs/Web/API/Service_Worker_API>ServiceworkerAPI/zh-CN/docs/Web/API>Seeall…WebAPIguides/zh-CN/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API>UsingtheWebanimationAPI/zh-CN/docs/Web/API/Fetch_API/Using_Fetch>UsingtheFetchAPI/zh-CN/docs/Web/API/History_API/Working_with_the_History_API>WorkingwiththeHistoryAPI/zh-CN/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API>UsingtheWebspeechAPI/zh-CN/docs/Web/API/Web_Workers_API/Using_web_workers>UsingwebworkersAll/zh-CN/docs/Web>AllwebtechnologyTechnologies/zh-CN/docs/Web/Accessibility>Accessibility/zh-CN/docs/Web/HTTP>HTTP/zh-CN/docs/Web/URI>URI/zh-CN/docs/Mozilla/Add-ons/WebExtensions>Webextensions/zh-CN/docs/WebAssembly>WebAssembly/zh-CN/docs/Web/WebDriver>WebDriver/zh-CN/docs/Web>Seeall…Topics/zh-CN/docs/Web/Media>Media/zh-CN/docs/Web/Performance>Performance/zh-CN/docs/Web/Privacy>Privacy/zh-CN/docs/Web/Security>Security/zh-CN/docs/Web/Progressive_web_apps>ProgressivewebappsLearn/zh-CN/docs/Learn_web_development>LearnwebdevelopmentFrontenddevelopercourse/zh-CN/docs/Learn_web_development/Getting_started>Gettingstartedmodules/zh-CN/docs/Learn_web_development/Core>Coremodules/en-US/curriculum/>MDNCurriculumhttps://scrimba.com/frontend-path-c0j?via=mdn-learn-navbar>CheckoutthevideocoursefromScrimba,ourpartnerLearnHTML/zh-CN/docs/Learn_web_development/Core/Structuring_content>StructuringcontentwithHTMLmoduleLearnCSS/zh-CN/docs/Learn_web_development/Core/Styling_basics>CSSstylingbasicsmodule/zh-CN/docs/Learn_web_development/Core/CSS_layout>CSSlayoutmoduleLearnJavaScript/zh-CN/docs/Learn_web_development/Core/Scripting>DynamicscriptingwithJavaScriptmoduleToolsDiscoverourtools/en-US/play>Playground/en-US/observatory>HTTPObservatory/zh-CN/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator>Border-imagegenerator/zh-CN/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator>Border-radiusgenerator/zh-CN/docs/Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator>Box-shadowgenerator/zh-CN/docs/Web/CSS/Guides/Colors/Color_format_converter>Colorformatconverter/zh-CN/docs/Web/CSS/Guides/Colors/Color_mixer>Colormixer/zh-CN/docs/Web/CSS/Guides/Shapes/Shape_generator>ShapegeneratorAboutGettoknowMDNbetter/en-US/about>AboutMDN/en-US/advertising>Advertisewithus/en-US/community>Communityhttps://github.com/mdn>MDNonGitHub/en-US/blog/>BlogMDN主题跟随系统浅色深色中文(简体)记住语言了解更多de>Deutschen-US>English(US)es>Españolfr>Françaisja>日本語ko>한국어pt-BR>Português(do Brasil)ru>Русскийzh-CN>中文(简体)zh-TW>正體中文(繁體)开发者的资源,由开发者打造自2005年以来,持续记录CSS、HTML和JavaScript。 搜索Mandala   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++}}}  }}}  }}}  }}}  }}}  }}}     ../../   ../../   ../../   ../../   ../../   ../../   ../../<><><><><><><><><><><><><><><><>精选文章/en-US/blog/>Blog/en-US/blog/mdn-turns-20/>Celebrating20yearsofMDNMDNturns20!Letslookathowwestarted,howMDNbecamethemosttrustedresourceforwebdevelopers,theimpactitshadontheopenweb,andyes,therescake,too./zh-CN/docs/Web/API>WebAPI/zh-CN/docs/Web/API/Navigation_API>导航API导航API(NavigationAPI)提供了启动、拦截和管理浏览器导航操作的功能。 它还可以检查应用程序的历史记录条目。 这是对之前Web平台特性(例如HistoryAPI和window.location的继承并解决了它们的缺点,且专门针对单页应用程序(SPA)的需求。 /en-US/docs/Web/API>WebAPIs/en-US/docs/Web/API/Trusted_Types_API>TrustedTypesAPITheTrustedTypesAPIgiveswebdevelopersawaytoensurethatinputhasbeenpassedthroughauser-specifiedtransformationfunctionbeforebeingpassedtoanAPIthatmightexecutethatinput.Thiscanhelptoprotectagainstclient-sidecross-sitescripting(XSS)attacks.Mostcommonlythetransformationfunctionsanitizestheinput./en-US/docs/Web/CSS>CSS/en-US/docs/Web/CSS/Guides/Anchor_positioning/Using>UsingCSSanchorpositioningTheCSSanchorpositioningmoduledefinesfeaturesthatallowyoutotetherelementstogether.Elementscanbedefinedasanchorelementsandanchor-positionedelements.Anchor-positionedelementscanbeboundtoanchorelements.Theanchor-positionedelementscanthenhavetheirsizeandpositionsetrelativetothesizeandlocationoftheanchorelementstowhichtheyarebound.最新消息/en-US/blog/>developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/>IntroducingtheMDNMCPserver4个月前MDNsMCPserverbringsMDNsdocumentationandbrowsercompatibilitydatadirectlyintoyoureditororIDE,givingyourLLMorcodingagentaccesstoaccurate,up-to-datewebplatforminformation./en-US/blog/>developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/>UnderthehoodofMDNsnewfrontend6个月前YoumayhavespottedthatMDNhasanewfrontend.Theresplentyhappeningunderthesurface,soletsunpackthetechnologieswechose,thearchitecturaldecisionswemade,andwhywedidarebuildatall./en-US/blog/>developer.mozilla.org/en-US/blog/image-formats-codecs-compression-tools/>Imageformats:Codecsandcompressiontools11个月前Imagecompressioninvolvescountlesstrade-offsbetweenquality,size,andspeed.Inthisfinalpartoftheseries,weexperimentwithcodecs,metrics,andtoolstofindpracticalwaystobalanceefficiencyandvisualfidelity./en-US/blog/>developer.mozilla.org/en-US/blog/view-transitions-beginner-guide/>Abeginner-friendlyguidetoviewtransitionsinCSS1年前Learnhowtobringsmooth,animatednavigationtomulti-pageappswithviewtransitions.WithjustonelineofCSS,youcanenableseamlesstransitionsbetweenpages.最近贡献mdn/content3天前https://github.com/mdn/content/pull/41496>Addusecasedetailsforapproved_clientsfieldmdn/content3天前https://github.com/mdn/content/pull/46172>Deletefallbackinstructionsfor:focus-visiblemdn/content3天前https://github.com/mdn/content/pull/46173>FixURLcasingforCORSMissingAllowCredentialsmdn/content2天前https://github.com/mdn/content/pull/45952>Docs:improveusageandstylingnotesmdn/content18小时前https://github.com/mdn/content/pull/46186>CorrectdocumentationofcontextinJSON.parsesrevivermdn/translated-content2小时前https://github.com/mdn/translated-content/pull/39550>[zh-cn]auto-fixcontentissues贡献者聚焦ShrinivassArunachalamBalasubramanianMDNcloselyfollowsW3Cstandardswhichhelpsmekeepupwithimportanttopics.Itsacompletepackageasitcaterstoeverything;complexAPIs,newbrowserfunctionalities,andbestpractices.MDNservesasatrulyvaluableresourceandcontinuestoassistmeinmyeverydaydevelopment.参与进来MDN构建更美好互联网的蓝图。 github>bluesky>x>mastodon>rss>MDN/en-US/about>关于/en-US/blog/>博客https://www.mozilla.org/en-US/careers/listings/>Mozilla招聘/en-US/advertising>与我们合作投放广告/en-US/plus>MDNPlushttps://support.mozilla.org/products/mdn-plus>产品帮助参与贡献/en-US/community>MDN社区/en-US/docs/MDN/Community>社区资源/en-US/docs/MDN/Writing_guidelines>写作指南/discord>MDNDiscordhttps://github.com/mdn>MDNGitHub主页开发者/en-US/docs/Web>Web技术/en-US/docs/Learn_web_development>学习Web开发/en-US/docs/MDN/Guides>指南/en-US/docs/MDN/Tutorials>教程/en-US/docs/Glossary>术语表https://hacks.mozilla.org/>Hacks博客Mozillahttps://www.mozilla.org/privacy/websites/>网站隐私声明https://www.mozilla.org/en-US/privacy/websites/data-preferences/>遥测设置https://www.mozilla.org/about/legal/terms/mozilla>法律声明https://www.mozilla.org/about/governance/policies/participation/>社区参与准则本内容的部分版权归mozilla.org贡献者所有,©1998–2026。 内容依据知识共享许可协议提供。