Html 导航栏前产生的不需要的空间_Html

Html 导航栏前产生的不需要的空间

html

Html 导航栏前产生的不需要的空间,html,Html,试图找出是什么原因导致导航条前面的顶部出现这个空白。有一个随机变量；nbsp；当您插入元素时，html中会生成空格字符，我不知道是什么导致了它。以下是html的开头： <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,

试图找出是什么原因导致导航条前面的顶部出现这个空白。有一个随机变量；nbsp；当您插入元素时，html中会生成空格字符，我不知道是什么导致了它。以下是html的开头：

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Omega Design | LA</title>
    <meta name="description" content="Web development and printing services serving the greater los angeles area">
      <meta name="keywords" content="web development, printing, graphics design, los angeles, santa clarita">
    <link rel="stylesheet" href="stylesheets/app.css" />
    <link rel="stylesheet" href="stylesheets/foundation-icons.css" />
    <link rel="stylesheet" href="css/normalize.css" />
  </head>
  <body>
    <nav class="top-bar" data-topbar>
          <ul class="title-area">
            <li class="name">
              <span><a href="index.html"><img class="logo" src="img/logofinal.png"></a><span>
            </li>
            <li class="toggle-topbar menu-icon">
              <a href="#">Menu</a>
            </li>
          </ul>
          <section class="top-bar-section">
            <ul class="right">
              <li><a href="#about">About us</a></li>
              <li><a href="#" data-reveal-id="myModal">Contact us</a></li>
                <li class="has-dropdown">
                  <a href="#">Services</a>
                  <ul class="dropdown">
                    <li><a href="services.html#printing">Print Media</a></li>
                    <li><a href="services.html">Web Development</a></li>
                   <!--  <li><a href="services.html">Promotional Items</a></li> -->
                    <!-- <li class="active"><a href="#">Active link in dropdown</a></li> -->
                  </ul>
                </li>
            </ul>
          </section>
        </nav>    
  <div class="container">
    <header>

      <div class="row"> 
        <div class="large-3 medium-3 small-6 small-centered columns"> <!-- large centered -->
        <a id="topbutton" href="#" class="button large radius button">Take the tour!</a>

        </div>



      </header>

验证器认为您的head元素有问题，而不是您的，似乎与元元素有关：还有很多其他错误……嗯，那么是哪一个呢？我不理解这个错误。随机的想法，但是试着用/>结束标记。字符集和视口是这样结束的，但其他的不是。谢谢，我试过了，但它没有做任何事情