Html 与Div是“的孩子”混淆；a「；_Html

Html 与Div是“的孩子”混淆；a「；

html

Html 与Div是“的孩子”混淆；a「；,html,Html,通过验证器检查代码后，验证器错误会在 div id='carousel-custom'class='carousel slide'data ride='carousel'data interval=“3000” 在此上下文中，元素div不允许作为元素a的子元素。（正在抑制来自此子树的进一步错误。）代码的其余部分是页面代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf

通过验证器检查代码后，验证器错误会在 div id='carousel-custom'class='carousel slide'data ride='carousel'data interval=“3000” 在此上下文中，元素div不允许作为元素a的子元素。（正在抑制来自此子树的进一步错误。）

代码的其余部分是页面代码

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=dvice=width, initial-scale=1">

    <meta name="keywords" content="Contect Free Art, Design, Grammer">
    <meta name="description" content="Art Created with CDFG">
    <meta name="author" content="Dakotah Hutchinson">

    <title> O'sullivan Clemens</title>

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIIj8LyTjo7mOUStjskKC4pOpQbyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/CDFG.css" rel="stylesheet">
    <script src=" https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/lightbox.js"></script>

    </head><body>

<div class="navbar navbar-default" role="navigation">
        <div class="navbar-header">

        <button type="button" class="navbar-toggle"
        data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span> 
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>

        <h1> O'sullivan Clemens </h1>
        </div>

        <div class="container">-

            <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">

            <li><a href="index.php">Home</a></li>

            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Galleries... <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="guest_art.php">Guest Art
                    </a></li>
                    <li><a href="carousel.php">Carousel
                    </a></li>
                    <li><a href="contribute.php">Contribute Art
                    </a></li>
                    <!--links.php -->


                </ul>




            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources<b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="links.php">Suggest a Link
                    </a></li>
                    <li><a href="Location.php">Location
                    </a></li>
                    <li><a href="news.php">News
                    </a></li>


                </ul>
            <li><a href="#contact" data-toggle="modal">Contact... </a></li>
            </ul>

            </div>

        </div>


    </div>


奥沙利文·克莱门斯
切换导航
奥沙利文·克莱门斯
-

代码块位置

    <div class="container">
<div class="main">
    <h1> Lawyers <b> Slideshow </b> | <a href="lightbox.php"> Lightbox 
    <!-- Light Box code used from http://bootsnipp.com/snippets/featured/bootstrap-lightbox -->
            <div id='carousel-custom' class='carousel slide' data-ride='carousel' data-interval="3000">

<div class='carousel-outer'>

<div class='carousel-inner'>

<div class="item active">
<img src="images/website1/carousel1.jpg" alt="">
</div>

<div class="item">
<img src="images/website1/carousel2.jpg" alt="">
</div>

<div class="item">
<img src="images/website1/carousel3.jpg" alt="">
</div>

<div class="item">
<img src="images/website1/carousel4.jpg" alt="">
</div>

</div>

<a class='left carousel-control' href='#carousel-custom' data-slide='prev'>
<span class='glyphicon glyphicon-chevron-left'></span>
</a>

<a class='right carousel-control' href='#carousel-custom' data-slide='next'>
<span class='glyphicon glyphicon-chevron-right'></span>
</a>
<!-- Controls -->

</div>

<div class="indicators">

<ol class="carousel-indicators">
<li data-target="#carousel-custom" data-slide-to="0"class='active'><img class='little' src='images/website1/carousel1.jpg' alt="" /></li>
<li data-target="#carousel-custom" data-slide-to="1"class='active'><img class='little' src='images/website1/carousel2.jpg' alt="" /></li>
<li data-target="#carousel-custom" data-slide-to="2"class='active'><img class='little' src='images/website1/carousel3.jpg' alt="" /></li>
<li data-target="#carousel-custom" data-slide-to="3"class='active'><img class='little' src='images/website1/carousel4-old-house.jpg' alt="" /></li>
</ol>

</div>
</div>

</div>

</div>


<div class="navbar navbar-default navbar-fixed-bottom" role="navigation">

        <div class="container">
            <div class="navbar-text pull-left">
                <a href="#"><i class="fab fa-twitter" aria-hidden="true"></i> </a>
            </div>

            <div class="navbar-text pull-right">
                GTT 20XX (CC BY-NC-NC 4.0)
            </div>

        </div>

    </div>

 <!-- Video Sending Email - Form Reset -->

<div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-labelledby="contact" aria-hidden="true">

        <div class="modal-dialog">

            <div class="modal-content">

                <form method="post">

                <div class="modal-header">
                    <button type="button" class="close"
                    data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">

                <h1> Contact </h1>

                <p><span class="error">* required field. </span></p>

                <p>Either <a href="mailto:name@gmail.com">
                email me</a> directly or fil in the form below...</p>

                <p>
                    <b>Name<sup class="error">*</sup>:</b><br/>
                    <input type="text" name="name" size="25" value="" required />
                </p>



                <p>
                    <b>Email<sup class="error">*</sup>:</b><br/>
                    <input type="email" name="email" size="25" value="" required />
                </p>


                <p>
                    <b>Comment<sup class="error">*</sup>:</b><br/>
                    <textarea name="comment" required 
                    ></textarea>
                </p>

                </div>

                <div class="modal-footer">

                    <button class="btn btn-success" type="submit" name="submit">Send</button>

                    <a class="btn btn-warning" data-dismiss="modal">Cancel</a>
                </div>

                </form>

            </div>

        </div>

    </div>


律师幻灯片|




GTT 20XX（CC BY-NC-NC 4.0）
&时代；
接触
*必填字段
直接或以下面的形式填写

姓名*：



电子邮件*：



评论*：


发送
取消

您似乎没有关闭前一行上的“a”标记

<a href="lightbox.php"> Lightbox

看一看，看看你能做什么，不能做什么

我也看不到您在哪关闭了同一行上的

标记。我知道很多浏览器都可以容忍未关闭的标记，但这是一种不好的做法，可能会导致意外的结果。如果使用代码修饰器（例如嵌入编辑器中的修饰器），您将看到缩进级别在代码中没有对齐。添加

和

标记可以解决这个问题，并为您提供

<div class="container">
    <div class="main">
        <h1> Lawyers</h1> <b> Slideshow </b> | <a href="lightbox.php"> Lightbox</a>
        <!-- Light Box code used from http://bootsnipp.com/snippets/featured/bootstrap-lightbox -->
        <div id='carousel-custom' class='carousel slide' data-ride='carousel' data-interval="3000">
            <div class='carousel-outer'>
                <div class='carousel-inner'>
                    <div class="item active">
                        <img src="images/website1/carousel1.jpg" alt="">
                    </div>
                    <div class="item">
                        <img src="images/website1/carousel2.jpg" alt="">
                    </div>
                    <div class="item">
                        <img src="images/website1/carousel3.jpg" alt="">
                    </div>
                    <div class="item">
                        <img src="images/website1/carousel4.jpg" alt="">
                    </div>
                </div>
                <a class='left carousel-control' href='#carousel-custom' data-slide='prev'>
                    <span class='glyphicon glyphicon-chevron-left'></span>
                </a>
                <a class='right carousel-control' href='#carousel-custom' data-slide='next'>
                    <span class='glyphicon glyphicon-chevron-right'></span>
                </a>
                <!-- Controls -->
            </div>
            <div class="indicators">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-custom" data-slide-to="0" class='active'><img class='little' src='images/website1/carousel1.jpg' alt="" /></li>
                    <li data-target="#carousel-custom" data-slide-to="1" class='active'><img class='little' src='images/website1/carousel2.jpg' alt="" /></li>
                    <li data-target="#carousel-custom" data-slide-to="2" class='active'><img class='little' src='images/website1/carousel3.jpg' alt="" /></li>
                    <li data-target="#carousel-custom" data-slide-to="3" class='active'><img class='little' src='images/website1/carousel4-old-house.jpg' alt="" /></li>
                </ol>
            </div>
        </div>
    </div>
</div>


律师幻灯片|

对于代码块位置的前半部分

，如果您提交的代码最少，能够显示您的问题，并且能够很好地格式化问题，那么它总是能够帮助人们回答您的问题。我怀疑您的问题在于“代码块位置”的前几行。

和

的结束标记在哪里？为什么第一个缩进，第二个缩进？您能正确格式化代码吗？尤其是当您决定复制粘贴整个HTML时？

    <div class="container">
<div class="main">
    <h1> Lawyers <b> Slideshow </b> | <a href="lightbox.php"> Lightbox 
    <!-- Light Box code used from http://bootsnipp.com/snippets/featured/bootstrap-lightbox -->
            <div id='carousel-custom' class='carousel slide' data-ride='carousel' data-interval="3000">

<div class='carousel-outer'>

<div class='carousel-inner'>

<div class="item active">
<img src="images/website1/carousel1.jpg" alt="">
</div>

<div class="item">
<img src="images/website1/carousel2.jpg" alt="">
</div>

<div class="item">
<img src="images/website1/carousel3.jpg" alt="">
</div>

<div class="item">
<img src="images/website1/carousel4.jpg" alt="">
</div>

</div>

<a class='left carousel-control' href='#carousel-custom' data-slide='prev'>
<span class='glyphicon glyphicon-chevron-left'></span>
</a>

<a class='right carousel-control' href='#carousel-custom' data-slide='next'>
<span class='glyphicon glyphicon-chevron-right'></span>
</a>
<!-- Controls -->

</div>

<div class="indicators">

<ol class="carousel-indicators">
<li data-target="#carousel-custom" data-slide-to="0"class='active'><img class='little' src='images/website1/carousel1.jpg' alt="" /></li>
<li data-target="#carousel-custom" data-slide-to="1"class='active'><img class='little' src='images/website1/carousel2.jpg' alt="" /></li>
<li data-target="#carousel-custom" data-slide-to="2"class='active'><img class='little' src='images/website1/carousel3.jpg' alt="" /></li>
<li data-target="#carousel-custom" data-slide-to="3"class='active'><img class='little' src='images/website1/carousel4-old-house.jpg' alt="" /></li>
</ol>

</div>
</div>

</div>

</div>


<div class="navbar navbar-default navbar-fixed-bottom" role="navigation">

        <div class="container">
            <div class="navbar-text pull-left">
                <a href="#"><i class="fab fa-twitter" aria-hidden="true"></i> </a>
            </div>

            <div class="navbar-text pull-right">
                GTT 20XX (CC BY-NC-NC 4.0)
            </div>

        </div>

    </div>

 <!-- Video Sending Email - Form Reset -->

<div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-labelledby="contact" aria-hidden="true">

        <div class="modal-dialog">

            <div class="modal-content">

                <form method="post">

                <div class="modal-header">
                    <button type="button" class="close"
                    data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <div class="modal-body">

                <h1> Contact </h1>

                <p><span class="error">* required field. </span></p>

                <p>Either <a href="mailto:name@gmail.com">
                email me</a> directly or fil in the form below...</p>

                <p>
                    <b>Name<sup class="error">*</sup>:</b><br/>
                    <input type="text" name="name" size="25" value="" required />
                </p>



                <p>
                    <b>Email<sup class="error">*</sup>:</b><br/>
                    <input type="email" name="email" size="25" value="" required />
                </p>


                <p>
                    <b>Comment<sup class="error">*</sup>:</b><br/>
                    <textarea name="comment" required 
                    ></textarea>
                </p>

                </div>

                <div class="modal-footer">

                    <button class="btn btn-success" type="submit" name="submit">Send</button>

                    <a class="btn btn-warning" data-dismiss="modal">Cancel</a>
                </div>

                </form>

            </div>

        </div>

    </div>