CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Explore: Navigation</title> <meta name="keywords" content="charting, charts, nautical, 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: navigation topical pages"> <meta name="DC.description" content="A list of nautical-themed National Ocean Service pages"> <meta name="description" content="A list of nautical-themed National Ocean Service pages"> <meta name="DC.creator" content="US Department of Commerce, National Oceanic and Atmospheric Administration"> <meta name="DC.date.created" scheme="ISO8601" content="2018-09-06"> <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’ve 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">Navigation</li> </ol> </nav> <div class="jumbotron jumbotron-fluid jumbo-center"> <img class="align-top bg-transparent pt-0 mt-0" width="200px" src="/navigation/navigation.png" alt="icon of compass"> <h1 class="display-4">Navigation</h1> <p class="lead">Explore our curated list of nautically-themed stories, ranging from nautical charts, to tides and currents, to maritime heritage.</p> </div> <div class="container"> <div class="card-deck mb-5"> <div class="card card-highlight mb-5"> <a href="/navigation/recboating/"><img class="card-img-top" src="/navigation/thumbnail/boating.jpg" alt="recreational boaters and jet skiers enjoying a nice day on the water"></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/recboating/" class="btn btn-primary">Resources for Recreational Boaters</a></h3> </div> <div class="card-footer text-muted">NOAA's Office of Coast Survey, the nation's nautical chartmaker, provides a suite of products to help make maritime transportation safe for all users. </div> </div> <div class="card card-highlight mb-5"> <a href="/navigation/hydro/"><img class="card-img-top" src="/navigation/thumbnail/hydro.jpg" alt="A NOAA survey ship uses its multibeam echo sounder to conduct hydrographic surveys."></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/hydro/" class="btn btn-primary">Hydrographic Surveying</a></h3> </div> <div class="card-footer text-muted">Learn about the science that is keeping our marine transportation system function in a way that is safe, efficient, and environmentally sound.</div> </div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/navigation/maritime-climate/"><img class="card-img-top" src="/navigation/maritime-climate/istock-portofmiami-960.jpg" alt="Cargo ship enters PortMiami. Image credit: iStock"></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/maritime-climate/" class="btn btn-primary">Maritime Commerce in a Changing Climate</a></h3> </div> <div class="card-footer text-muted">The National Ocean Service provides wide-ranging support that strengthens the resilience of our coastal economy today — and into the future.</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="/navigation/heritage/"><img class="card-img-top" src="/navigation/thumbnail/heritage.jpg" alt="image of a shipwreck"></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/heritage/" class="btn btn-primary">Maritime Heritage</a></h3> </div> <div class="card-footer text-muted">Explore, discover, and appreciate our country's maritime cultural heritage.</div> </div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/navigation/marinenav/"><img class="card-img-top" src="/navigation/thumbnail/marinenav.jpg" alt="a shipping vessel going under a bridge"></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/marinenav/" class="btn btn-primary">Marine Navigation</a></h3> </div> <div class="card-footer text-muted">How NOAA tools play a key role in ensuring that ships move swiftly and safely along our marine highways.</div> </div> <div class="card card-highlight mb-5"> <a href="/navigation/tidesandcurrents/"><img class="card-img-top" src="/navigation/thumbnail/tidescurrents.jpg" alt="a current buoy with a sailing ship in the background"></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/tidesandcurrents/" class="btn btn-primary">Tides and Currents</a></h3> </div> <div class="card-footer text-muted">We need accurate tide and current data to aid in navigation, but these measurements also play an important role in keeping people and the environment safe.</div> </div> <div class="w-100 d-none d-md-block d-lg-block d-xl-block"></div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/navigation/nautical-terms.html"><img class="card-img-top" src="/navigation/thumbnail/nautical.jpg" alt="Illustration of Derby Wharf by Fred Freeman. Salem's wharves were a rich and vital scene especially when a merchant ship arrived."></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/nautical-terms.html" class="btn btn-primary">Common Phrases with a Nautical Origin</a></h3> </div> <div class="card-footer text-muted">Many nautical terms derive from the Age of Sail—the period of time between the 16th and 19th centuries when masted ships ruled the seas.</div> </div> <div class="card card-highlight mb-5"> <a href="/navigation/ports/"><img class="card-img-top" src="/economy/precision-navigation/precision-nav960.jpg" alt="a ship coming into port loaded with containers"></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/ports/" class="btn btn-primary">NOAA Celebrates 30 Years of PORTS®</a></h3> </div> <div class="card-footer text-muted">PORTS marks 30 years of providing commercial vessel operators with accurate and reliable real-time environmental conditions.</div> </div> <div class="w-100 d-none d-sm-block d-md-none"></div> <div class="card card-highlight mb-5"> <a href="/navigation/precision-navigation"><img class="card-img-top" src="/economy/precision-navigation/precision-nav960.jpg" alt="a ship coming into port loaded with containers"></a> <div class="card-body"> <h3 class="card-title"><a href="/navigation/precision-navigation" class="btn btn-primary">Precision Navigation</a></h3> </div> <div class="card-footer text-muted">Meet the next generation of integrated marine navigation services, tailored for our nation's busiest waterways. </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="/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://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>