Explore: Our Ocean

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Explore: Our Ocean</title> <meta name="keywords" content="Ocean Service, ocean, coast, chart, navigation, NOAA, National Oceanic and Atmospheric Administration, sea, Pacific, Atlantic, Arctic, Antarctic, Southern Ocean, Indian Ocean, beach, oceans, seas, beaches, reef, coral, wave, waves, climate, surf, ship, ships, boat, boats, hurricane, typhoon, tsunami, cyclone, el nino, la nina"> <meta name="DC.title" content="NOAA's National Ocean Service: ocean topics"> <meta name="DC.description" content="Explore our curated list of ocean topics to learn about NOAA's role in protecting, exploring, and conserving this vast resource."> <meta name="description" content="Explore our curated list of ocean topics to learn about NOAA's role in protecting, exploring, and conserving this vast resource."> <meta name="DC.creator" content="US Department of Commerce, National Oceanic and Atmospheric Administration"> <meta name="DC.date.created" scheme="ISO8601" content="2018-09-05"> <meta name="DC.language" scheme="DCTERMS.RFC1766" content="EN-US"> </head> <body class="explore">  <meta property="og:image" content="/apple-icon-144x144.png" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="/bs4/css/bootstrap.min.css" rel="stylesheet"> <link href="/font-awesome/css/all.css" rel="stylesheet"> <link href="/bs4/css/theme.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-icon-57x57-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-icon-72x72-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-icon-144x144-precomposed.png" /> <link rel="shortcut icon" href="/favicon.ico">  <header> <div class="usa-banner"> <small> <p class="text-center"> <img class="flag" src="/bs4/img/flag.png" alt="U.S. flag"> An official website of the United States government. <br class="d-md-none"> <a data-toggle="collapse" href="#collapse-usa" role="button" aria-expanded="false" aria-controls="collapseExample">Here's how you know we're official. </a> </p> </small> <div class="collapse pb-3" id="collapse-usa"> <div class="card-deck mx-5 mt-3"> <div class="card border-primary mb-4"> <div class="row no-gutters"> <div class="col-md-12"> <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-3{fill:#007faa;}.cls-4{fill:none;stroke:#046b99;stroke-miterlimit:10;}</style></defs><title>dot gov icon</title><path class="cls-3" d="M36.5,20.91v1.36H35.15a0.71,0.71,0,0,1-.73.68H18.23a0.71,0.71,0,0,1-.73-0.68H16.14V20.91l10.18-4.07Zm0,13.57v1.36H16.14V34.48a0.71,0.71,0,0,1,.73-0.68h18.9A0.71,0.71,0,0,1,36.5,34.48ZM21.57,23.62v8.14h1.36V23.62h2.71v8.14H27V23.62h2.71v8.14h1.36V23.62h2.71v8.14h0.63a0.71,0.71,0,0,1,.73.68v0.68H17.5V32.45a0.71,0.71,0,0,1,.73-0.68h0.63V23.62h2.71Z"/><circle class="cls-4" cx="27" cy="27.12" r="26"/></svg> <strong>Official websites use .gov</strong></h5> <p class="card-text"><small>A <strong>.gov</strong> website belongs to an official government organization in the United States.</small></p> </div> </div> </div> </div> <div class="card border-primary mb-4"> <div class="row no-gutters"> <div class="col-md-12"> <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-1{fill:#549500;}.cls-2{fill:none;stroke:#458600;stroke-miterlimit:10;}</style></defs><title>https icon</title><path class="cls-1" d="M34.72,34.84a1.29,1.29,0,0,1-1.29,1.29H20.57a1.29,1.29,0,0,1-1.29-1.29V27.12a1.29,1.29,0,0,1,1.29-1.29H21V23.26a6,6,0,0,1,12,0v2.57h0.43a1.29,1.29,0,0,1,1.29,1.29v7.72Zm-4.29-9V23.26a3.43,3.43,0,0,0-6.86,0v2.57h6.86Z"/><circle class="cls-2" cx="27" cy="27.12" r="26"/></svg> <strong>Secure websites use HTTPS</strong></h5> <p class="card-text"><small>A small lock or <strong>https://</strong> means you鈥檝e safely connected to a .gov website. Share sensitive information only on official, secure websites.</small></p> </div> </div> </div> </div> <div class="w-100 d-none d-sm-block d-md-none">  </div> </div> </div> </div>   <div class="navbar navbar-expand-md" role="navigation" aria-selected="false"> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navigation"> <span class="sr-only">Toggle navigation</span> </button> <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#search"> <span class="sr-only">Toggle search</span> </button> <div class="navbar-brand ml-auto" role="banner" aria-selected="false"> <div id="boxes-box-header_logo"> <a class="logo" href="/welcome.html"><img src="/bootstrap/img/noaa-logo-rgb-2022.svg" alt="National Oceanic and Atmospheric Administration logo" width="74" height="74"></a> <a class="site-name" href="/welcome.html">National Ocean Service</a> <a class="site-slogan" href="https://noaa.gov">National Oceanic and Atmospheric Administration</a></div> </div> <div class="navbar navbar-light bg-white ml-auto mr-auto m-3 "> <form id="input-search-form" class="input-search" action="https://search.usa.gov/search" method="GET"> <input name="affiliate" type="hidden" value="oceanservice.noaa.gov" /> <label for="header-search" class="sr-only">Search</label> <input type="search" id="header-search" name="query" placeholder="Search"> <button type="submit" class="input-search__button"><img src="/bs4/img/search_icon_black.png"><span class="sr-only">Search National Ocean Service</span></button> </form> </div> </div>  <nav class="navbar navbar-expand-lg navbar-dark navbar-nos" role="navigation" aria-checked="false" > <a href="/welcome.html" class="navbar-brand" alt="Home page" aria-label="Home page"></a> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-label="Toggle navigation" aria-haspopup="true" aria-expanded="false"> <span class="navbar-toggler-icon"></span> </button> <div class="nav navbar-nav navbar-collapse justify-content-center navbar-toggleable-xm collapse" id="navbarNavDropdown"> <ul class="navbar-nav mx-auto" > <li class="nav-item"> <a class="nav-link home" href="/" role="navigation">Home</a> </li> <li class="nav-item"> <a class="nav-link facts" href="/facts/" role="navigation">Ocean Facts</a> </li> <li class="nav-item dropdown"> <a class="nav-link explore dropdown-toggle" href="#" id="navbarnos" data-toggle="dropdown" role="navigation" aria-haspopup="true" aria-expanded="false">Topics</a> <div class="dropdown-menu" aria-labelledby="navbarnos"> <a class="dropdown-item" href="/topics/">Explore All Topics</a> <a class="dropdown-item" href="/arctic/">Arctic</a> <a class="dropdown-item" href="/profiles/">Careers</a> <a class="dropdown-item" href="/economy/">Economy</a> <a class="dropdown-item" href="/ecosystems/">Ecosystems</a> <a class="dropdown-item" href="/geodesy/">Geodesy</a> <a class="dropdown-item" href="/hazards/">Hazards</a> <a class="dropdown-item" href="/international/">International</a> <a class="dropdown-item" href="/navigation/">Navigation</a> <a class="dropdown-item" href="/observations/">Observations</a> <a class="dropdown-item" href="/ocean/">Ocean</a> <a class="dropdown-item" href="/recreation/">Recreation</a> <a class="dropdown-item" href="/hazards/sealevelrise/">Sea Level Rise</a> <a class="dropdown-item" href="/map-stories/">Story Maps</a> <a class="dropdown-item" href="/tools/">Tools</a> </div> </li> <li class="nav-item"> <a class="nav-link education" href="/education/" role="navigation">Education</a> </li>  <li class="nav-item"> <a class="nav-link posts" href="/news/" role="navigation">News</a> </li> <li class="nav-item"> <a class="nav-link media-podcast" href="/podcast/" role="navigation">Podcasts</a> </li> <li class="nav-item"> <a class="nav-link media-video" href="/video/" role="navigation">Video</a> </li> <li class="nav-item"> <a class="nav-link media-images" href="/gallery/" role="navigation">Images</a> </li> <li class="nav-item"> <a class="nav-link about" href="/about/" role="navigation">About Us</a> </li> </ul> </div> </nav>  </header>  <nav aria-label="breadcrumb"> <ol class="breadcrumb jumbo-center"> <li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/topics/">Topics</a></li> <li class="breadcrumb-item active" aria-current="page">Ocean</li> </ol> </nav> <div class="jumbotron jumbotron-fluid jumbo-center"> <img class="align-top bg-transparent pt-0 mt-0" width="200px" src="/ocean/ocean.png" alt="icon of sun setting behind ocean waves"> <h1 class="display-4">Our Ocean</h1> <p class="lead">Explore our curated list of ocean topics to learn about NOAA's role in protecting, exploring, and conserving this vast resource.</p> </div> <div class="container"> <div class="card-deck mb-5"> <div class="card card-highlight mb-5"> <a href="/ocean/ocean-reports/"><img class="card-img-top" src="/news/ocean-reports/oceanreports960.jpg" alt="Ocean Report"></a> <div class="card-body"> <h3 class="card-title"> <a href="/ocean/ocean-reports/" class="btn btn-primary">Bringing Ocean Data to Your Fingertips</a></h3> </div> <div class="card-footer text-muted"> OceanReports provides analyses of 'ocean neighborhoods' to support ocean commerce, energy development, and conservation.</div> </div> <div class="card card-highlight mb-5"> <a href="/ocean/corals/"><img class="card-img-top" src="/ocean/thumbnail/coral.jpg" alt="A coral reef with fish swimming through it"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/corals/" class="btn btn-primary">Corals</a></h3> </div> <div class="card-footer text-muted">Coral reefs support more species than any other marine environment and rival rainforests in their biodiversity. </div> </div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/ocean/observations/data-standards.html"><img class="card-img-top" src="/ocean/thumbnail/data.jpg" alt="View of the Environmental Data Server (EDS) map"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/observations/data-standards.html" class="btn btn-primary">Ocean Data Standards</a></h3> </div> <div class="card-footer text-muted">See how NOAA data standards facilitate research and development and create opportunities for 'big data' projects about our ocean.</div> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"></div> <div class="card card-highlight mb-5"> <a href="/ocean/sanctuaries/"><img class="card-img-top" src="/ocean/thumbnail/sanctuaries.jpg" alt="A jelly fish swims by"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/sanctuaries/" class="btn btn-primary">Sanctuaries</a></h3> </div> <div class="card-footer text-muted">Protecting Important Marine Ecosystems Around the Nation.</div> </div> <div class="card card-highlight mb-5 w-33"> <a href="/facts/mpa.html"><img class="card-img-top" src="/ocean/thumbnail/mpa.jpg" alt="Alt Tag"></a> <div class="card-body"> <h3 class="card-title"><a href="/facts/mpa.html" class="btn btn-primary">Marine Protected Areas</a></h3> </div> <div class="card-footer text-muted">The majority of marine protected areas in the United States are multiple-use sites, meaning fishing, boating, surfing, diving, and other recreational activities are allowed.</div> </div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/ocean/earthday.html"><img class="card-img-top" src="/ocean/thumbnail/earthday.jpg" alt="A jellyfish swims by"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/earthday.html" class="btn btn-primary">Earth Day and Our Ocean</a></h3> </div> <div class="card-footer text-muted">Ten simple choices for a healthier planet.</div> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"></div> <div class="card card-highlight mb-5"> <a href="/ocean/30days/"><img class="card-img-top" src="/ocean/thumbnail/wod-splash.jpg" alt="What do you know about our ocean?"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/30days/" class="btn btn-primary">Celebrate 30 Days of Ocean in June</a></h3> </div> <div class="card-footer text-muted">Join us as we celebrate and learn about our world ocean during National Ocean Month.</div> </div> <div class="card card-highlight mb-5"> <a href="/ocean/weird-ocean-weather.html"><img class="card-img-top" src="/ocean/st-elmos-fire.jpg" alt="Weird Ocean Phenomena"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/weird-ocean-weather.html" class="btn btn-primary">Weird Ocean Phenomena</a></h3> </div> <div class="card-footer text-muted">The ocean may conjure images of beautiful waves, shipwrecks, and marine life. But strange things happen in the ocean as a result of weather and currents. </div> </div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/ocean/myths/"><img class="card-img-top" src="/ocean/shoreline-monterey-bay-960.jpg" alt="ocean waves"></a> <div class="card-body"> <h3 class="card-title"> <a href="/ocean/myths/" class="btn btn-primary">Common Misconceptions about the Ocean</a></h3> </div> <div class="card-footer text-muted">Misconceptions about the ocean can lead people to the wrong conclusions about conservation, climate change, and marine life. There are quite a few widely accepted ideas about the ocean that are not accurate. Here are the facts behind some common ocean myths. How many do you know?</div> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"></div> <div class="card card-highlight mb-5"> <a href="/ocean/five-ocean-terms.html"><img class="card-img-top" src="/ocean/gravitywave-960.jpg" alt="an aerial view of gravity waves"></a> <div class="card-body"> <h3 class="card-title"> <a href="/ocean/five-ocean-terms.html" class="btn btn-primary">5 Ocean Terms</a></h3> </div> <div class="card-footer text-muted"> You may not know these little-known but fascinating ocean phenomena — this will leave you wanting to learn more.</div> </div> <div class="card card-highlight mb-5"> <a href="/ocean/help-our-ocean.html"><img class="card-img-top" src="/ocean/thumbnail/help-ocean.jpg" alt="an infographic on ways to help our ocean"></a> <div class="card-body"> <h3 class="card-title"><a href="/ocean/help-our-ocean.html" class="btn btn-primary">How can you help our ocean?</a></h3> </div> <div class="card-footer text-muted">Here are 10 simple things you can do at home, around town, on the water, or anywhere!</div> </div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/arctic/"><img class="card-img-top" src="/arctic/orr-alaska.jpg" alt="the Alaska coast"></a> <div class="card-body"> <h3 class="card-title"><a href="/arctic/" class="btn btn-primary">The Arctic: Ocean & Coasts</a></h3> </div> <div class="card-footer text-muted">Explore our curated list of stories exploring NOAA鈥檚 role within Arctic ocean and coastal areas.</div> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"></div>  </div> </div>    <footer role="contentinfo"> <a href="#" id="scroll-to-top"><img src="/bs4/img/Scroll-To-Top_Icon@2x_b.png" alt="scroll to top arrow icon"></a> <div id="footer-social"> <div class="col-12 pt-3" style="background-color: #ccc;"> <h5 class="sr-only"> Feedback</h5> <ul class="nav list-unstyled text-small justify-content-center pb-3">  <li class="nav-item m-1"> <a href="/contact.html" class="btn btn-light btn-lg" role="button" aria-pressed="true">Contact Us</a></li> <li class="nav-item m-1"> <a href="/contact.html#feedback" class="btn btn-light btn-lg" role="button" aria-pressed="true">Report an error</a></li> </ul> </div> <div class="col-12 pt-3" style="background-color: #ccc;"> <h5 class="sr-only"> Social</h5> <ul class="nav list-unstyled text-small justify-content-center pb-3"> <li><a href="https://twitter.com/noaaocean"><img class="d-inline align-middle p-2" src="/bs4/img/x-black.png" alt="X Logo"/> </a></li> <li><a href="https://www.facebook.com/usoceangov/"><img class="d-inline align-middle p-2" src="/bs4/img/facebook-color.png" alt="Facebook Logo"/> </a></li> <li><a href="https://www.instagram.com/noaaocean/"><img class="d-inline align-middle p-2" src="/bs4/img/instagram-color.png" alt="Instagram Logo"> <//a></li> <li><a href="https://www.youtube.com/user/usoceangov"><img class="d-inline align-middle p-2" src="/bs4/img/youtube-color.png" alt="Youtube Logo"> </a></li> <li><a href="https://www.linkedin.com/company/noaa-national-ocean-service"><img class="d-inline align-middle p-2" src="/bs4/img/linkedin-color.png" alt="LinkedIn Logo"> </a></li> </ul> </div> </div> <div id="footer-main"> <div class="container pt-5 pb-5"> <div class="row"> <div align="center" class="col-lg-4 col-sm-4 col-xs-12 pb-3"> <a href="https://www.noaa.gov/"><img src="/bootstrap/img/noaa_logo_circle_72x72.svg" alt="NOAA Logo" /></a> <p class="text-center pt-2"> <em>Science. Service.<br>Stewardship.</em> </p> </div> <div class="col-lg-4 col-sm-4 col-xs-12"> <h6 class="sr-only"> About NOS </h6> <ul class="list-unstyled text-small px-5"> <li><a href="/about/welcome.html">About Us</a></li> <li><a href="/programs/welcome.html">NOS Program Offices</a></li> <li><a href="/newsroom/welcome.html">Media Inquiries</a></li> <li><a href="/about/acknowledgements.html">Website Acknowledgements</a></li> <li><a href="/sitemap.html">Site Index</a></li> <li><a href="/disclaimer.html">Disclaimer</a></li> </ul> </div> <div class="col-lg-4 col-sm-4 col-xs-12"> <h6 class="sr-only"> More Resources </h6> <ul class="list-unstyled text-small px-5"> <li><a href="https://www.noaa.gov/information-technology/foia">Freedom of Information Act</a></li> <li><a href="/accessibility-statement.html">Accessibility</a></li> <li><a href="https://www.noaa.gov/office-of-chief-information-officer/it-policy-oversight/information-quality">Information Quality</a></li> <li><a href="/privacy.html">Privacy Policy</a></li> <li><a href="https://sites.google.com/noaa.gov/nos-for-employees-intranet">NOS For Employees</a></li> <li><a href="https://www.usa.gov/">USA.gov</a></li> </ul> </div> <div class="container pt-2"> <div class="row"> <div class="col-12"> <ul class="nav footer-mainnav"> <li class="nav-item m-3"> <a href="https://www.commerce.gov">Department of Commerce</a></li> <li class="nav-item m-3"> <a href="https://www.noaa.gov/">National Oceanic and Atmospheric Administration (NOAA)</a></li> <li class="nav-item m-3"> <a href="/">National Ocean Service</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </footer>    <script type="text/javascript"> //<![CDATA[ var aid = "oceanservice.noaa.gov"; //]]> </script> <script src="https://search.usa.gov/javascripts/stats.js" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ var usasearch_config = { siteHandle:"oceanservice.noaa.gov" }; var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//search.usa.gov/javascripts/remote.loader.js"; document.getElementsByTagName("head")[0].appendChild(script); //]]> </script> <script> $(".jumbotron").css({ height: $(window).height() + "px" }); $(window).on("resize", function() { $(".jumbotron").css({ height: $(window).height() + "px" }); }); </script>  <script async type="text/javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=DOC&subagency=NOAA" id="_fed_an_ua_tag"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-8QRDKZKW09"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8QRDKZKW09'); </script> <script src="/bs4/js/jquery-3.7.1.slim.min.js"></script> <script src="/bs4/js/bootstrap.bundle.min.js"></script>  <script src="https://touchpoints.app.cloud.gov/touchpoints/3966cfca.js" async></script>   <script> // Initialize tooltip component $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Initialize popover component $(function () { $('[data-toggle="popover"]').popover() }) </script> <script async src="https://siteimproveanalytics.com/js/siteanalyze_6294131.js"></script> </body> </html>

CINXE.COM

Explore: Our Ocean