18910140161

Html

首页 >> 前端开发 >> Html

html-如何修复此验证器错误？-元素a不能作为按钮元素的后代出现-堆栈溢出

顺晟科技

2022-10-19 12:44:36

112

我得到以下错误。

错误：元素a不能作为按钮元素的子代出现。

取自117行第28栏；第117行，第58列

top_btn'>Back t

我会把我的HTML和CSS放在下面

HTML

<!DOCTYPE html>
<html lang="en">
<head>

    <title>SuperRestraunt</title>
    <meta charset="utf-8">
    <link href="Style.css" rel="stylesheet">
    
</head>
<body>

<!-- Top navigation -->
<div class="topnav">

  <!-- Centered link -->
  <div class="topnav-centered">
    <a href="index.html" class="active">Home</a>
  </div>

  <!-- Left-aligned links (default) -->
  <a href="menu.html">Menu</a>
  <a href="#contact">Contact</a>

  <!-- Right-aligned links -->
  <div class="topnav-right">
    <a href="#search">Search</a>
    <a href="#about">About</a>
  </div>

</div>

    <main class="wrapper">
    
        <div class="banner">
            <h1><span class="name">SuperRestraunt</span></h1>
            <h2>Serving the best food in Macon since 2015.</h2>
            <h3>Coupons and Weekly Advertisement.</h3>
        
        <div class="row">
            <div class="column">
                <img src="images/coupon1.jpg" alt="Snow" style="width:100%">
            </div>
            <div class="column">
                <img src="images/coupon2.jpg" alt="Forest" style="width:100%">
            </div>
        </div>
        
        <br>
        
        </div>
        
        <div class="row">
            <div class="column"></div>
            
            <img class="img1" src="images/burger.jpg" alt="burger">
            
            <div class="column"></div>
            
            <p> Are you looking for the best southern cooking in all of middle Georgia? If so, you have looked in the right place!</p>
            
            <p> Our chefs have over 30 years in combined experience</p>
            
            <h2>About the Owner</h2>
            
            <img class="img2" src="images/chef.jpg" alt="chef">
            
            <p>Executive chef Nicholas St. Clair knew he wanted to do something extraordinary from a young age. Little did he know, his budding culinary expertise would launch him into a whirlwind adventure in the fine dining industry. St. Clair, who graduated with high honors from the California Culinary Institute in Pasadena, CA, polished his cuisine with some of America’s premier chefs over the past five years. St. Clair and his wife, Alison, ventured into the restaurant business with determination for success and passion for fine cuisine. e took a blind leap of faith and opened a place of his own.</p>
            
        </div>
    
        <h2><em>Contact us for a reservations</em></h2>
        <p>Please call at least 2 days ahead for all reservations that include 10 or more people.</p>


    </main>
    
  <!-- Footer -->
    <footer class="footer">
        <div class="box">
            <p>SuperRestraunt</p>
            <p>(478) 302-1981</p>
            <p>manager@superrestraunt.com</p>
            <p>Contact us via Skype by clicking the following link</p>
            <a href="skype:echo123?call">
            Call Us Today!
            </a>
            <br/>
        </div>
        <div class="box">
            <p>Check out are Social Media for more coupons and pictures!</p>
            <p>Facebook:</p>
            <p>Instagram:</p>
            <p>Twitter:</p>
        </div>
        <div class="box">
            <p>Locations:</p>
            <br/>
            <p>543 Cherry St suite b, Macon, GA 31201</p>
                <div class="copyright">
        <h2>@copyright: Landon Byrd</h2>
        <h2>Fall 2021, All Rights Reserved</h2>
    </div>
        </div>

    

    
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>


<button class = 'top_btn'> <a href="#top" class = 'top_a'>Back to top of the page</a> </button>

</footer>
            
</body>
</html>

CSS

<!DOCTYPE html>
<html lang="en">
<head>

    <title>SuperRestraunt</title>
    <meta charset="utf-8">
    <link href="Style.css" rel="stylesheet">
    
</head>
<body>

<!-- Top navigation -->
<div class="topnav">

  <!-- Centered link -->
  <div class="topnav-centered">
    <a href="index.html" class="active">Home</a>
  </div>

  <!-- Left-aligned links (default) -->
  <a href="menu.html">Menu</a>
  <a href="#contact">Contact</a>

  <!-- Right-aligned links -->
  <div class="topnav-right">
    <a href="#search">Search</a>
    <a href="#about">About</a>
  </div>

</div>

    <main class="wrapper">
    
        <div class="banner">
            <h1><span class="name">SuperRestraunt</span></h1>
            <h2>Serving the best food in Macon since 2015.</h2>
            <h3>Coupons and Weekly Advertisement.</h3>
        
        <div class="row">
            <div class="column">
                <img src="images/coupon1.jpg" alt="Snow" style="width:100%">
            </div>
            <div class="column">
                <img src="images/coupon2.jpg" alt="Forest" style="width:100%">
            </div>
        </div>
        
        <br>
        
        </div>
        
        <div class="row">
            <div class="column"></div>
            
            <img class="img1" src="images/burger.jpg" alt="burger">
            
            <div class="column"></div>
            
            <p> Are you looking for the best southern cooking in all of middle Georgia? If so, you have looked in the right place!</p>
            
            <p> Our chefs have over 30 years in combined experience</p>
            
            <h2>About the Owner</h2>
            
            <img class="img2" src="images/chef.jpg" alt="chef">
            
            <p>Executive chef Nicholas St. Clair knew he wanted to do something extraordinary from a young age. Little did he know, his budding culinary expertise would launch him into a whirlwind adventure in the fine dining industry. St. Clair, who graduated with high honors from the California Culinary Institute in Pasadena, CA, polished his cuisine with some of America’s premier chefs over the past five years. St. Clair and his wife, Alison, ventured into the restaurant business with determination for success and passion for fine cuisine. e took a blind leap of faith and opened a place of his own.</p>
            
        </div>
    
        <h2><em>Contact us for a reservations</em></h2>
        <p>Please call at least 2 days ahead for all reservations that include 10 or more people.</p>


    </main>
    
  <!-- Footer -->
    <footer class="footer">
        <div class="box">
            <p>SuperRestraunt</p>
            <p>(478) 302-1981</p>
            <p>manager@superrestraunt.com</p>
            <p>Contact us via Skype by clicking the following link</p>
            <a href="skype:echo123?call">
            Call Us Today!
            </a>
            <br/>
        </div>
        <div class="box">
            <p>Check out are Social Media for more coupons and pictures!</p>
            <p>Facebook:</p>
            <p>Instagram:</p>
            <p>Twitter:</p>
        </div>
        <div class="box">
            <p>Locations:</p>
            <br/>
            <p>543 Cherry St suite b, Macon, GA 31201</p>
                <div class="copyright">
        <h2>@copyright: Landon Byrd</h2>
        <h2>Fall 2021, All Rights Reserved</h2>
    </div>
        </div>

    

    
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>


<button class = 'top_btn'> <a href="#top" class = 'top_a'>Back to top of the page</a> </button>

</footer>
            
</body>
</html>

提前感谢您对此的任何帮助！该按钮用作位于站点最底部的返回页面顶部按钮。

顺晟科技：

不允许元素位于。

按钮元素只能包含短语内容。元素是一个interactive content

您可以使用-element本身而不使用-element。如果您希望它看起来像一个按钮，那么您可以使用CSS对其进行相应的样式设置。

在按钮标记中设置锚点是不正确的HTML

将按钮更改为

<!DOCTYPE html>
<html lang="en">
<head>

    <title>SuperRestraunt</title>
    <meta charset="utf-8">
    <link href="Style.css" rel="stylesheet">
    
</head>
<body>

<!-- Top navigation -->
<div class="topnav">

  <!-- Centered link -->
  <div class="topnav-centered">
    <a href="index.html" class="active">Home</a>
  </div>

  <!-- Left-aligned links (default) -->
  <a href="menu.html">Menu</a>
  <a href="#contact">Contact</a>

  <!-- Right-aligned links -->
  <div class="topnav-right">
    <a href="#search">Search</a>
    <a href="#about">About</a>
  </div>

</div>

    <main class="wrapper">
    
        <div class="banner">
            <h1><span class="name">SuperRestraunt</span></h1>
            <h2>Serving the best food in Macon since 2015.</h2>
            <h3>Coupons and Weekly Advertisement.</h3>
        
        <div class="row">
            <div class="column">
                <img src="images/coupon1.jpg" alt="Snow" style="width:100%">
            </div>
            <div class="column">
                <img src="images/coupon2.jpg" alt="Forest" style="width:100%">
            </div>
        </div>
        
        <br>
        
        </div>
        
        <div class="row">
            <div class="column"></div>
            
            <img class="img1" src="images/burger.jpg" alt="burger">
            
            <div class="column"></div>
            
            <p> Are you looking for the best southern cooking in all of middle Georgia? If so, you have looked in the right place!</p>
            
            <p> Our chefs have over 30 years in combined experience</p>
            
            <h2>About the Owner</h2>
            
            <img class="img2" src="images/chef.jpg" alt="chef">
            
            <p>Executive chef Nicholas St. Clair knew he wanted to do something extraordinary from a young age. Little did he know, his budding culinary expertise would launch him into a whirlwind adventure in the fine dining industry. St. Clair, who graduated with high honors from the California Culinary Institute in Pasadena, CA, polished his cuisine with some of America’s premier chefs over the past five years. St. Clair and his wife, Alison, ventured into the restaurant business with determination for success and passion for fine cuisine. e took a blind leap of faith and opened a place of his own.</p>
            
        </div>
    
        <h2><em>Contact us for a reservations</em></h2>
        <p>Please call at least 2 days ahead for all reservations that include 10 or more people.</p>


    </main>
    
  <!-- Footer -->
    <footer class="footer">
        <div class="box">
            <p>SuperRestraunt</p>
            <p>(478) 302-1981</p>
            <p>manager@superrestraunt.com</p>
            <p>Contact us via Skype by clicking the following link</p>
            <a href="skype:echo123?call">
            Call Us Today!
            </a>
            <br/>
        </div>
        <div class="box">
            <p>Check out are Social Media for more coupons and pictures!</p>
            <p>Facebook:</p>
            <p>Instagram:</p>
            <p>Twitter:</p>
        </div>
        <div class="box">
            <p>Locations:</p>
            <br/>
            <p>543 Cherry St suite b, Macon, GA 31201</p>
                <div class="copyright">
        <h2>@copyright: Landon Byrd</h2>
        <h2>Fall 2021, All Rights Reserved</h2>
    </div>
        </div>

    

    
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>


<button class = 'top_btn'> <a href="#top" class = 'top_a'>Back to top of the page</a> </button>

</footer>
            
</body>
</html>
  • TAG：
上一篇：javascript-propert 下一篇：JavaScript-font调整d
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！