在HTML中超链接随意跳转造成页面错误

在HTML中,我设置了导航,导航设计了各个页面超链接的跳转;
随便点击页面空白处会直接跳转到最后一个超链接且如何有对话框将无法输入文字、点击的话会直接跳转到最后一个超链接的页面;
但如何删除此页面往后的超链接就不会跳转、文本框也可以输入了;
可以问下是什么情况吗,如何才能改变呢?

湖南旅游
</head>
<body>
    <div class="header">
        <img src="img/head.jpg" width="100%" height="180" />
    </div>


    <div class="nav">
        <div class="nn">
            <div class="nv-div"><a style="color:inherit" href="index.html">首页</a></div>
            <div class="nv-div"><a style="color:inherit" href="introduce.html">特色景点</a></div>
            <div class="nv-div"><a style="color:inherit" href="custom.html">民俗文化</div>
            <div class="nv-div"><a style="color:inherit" href="registration.html">注册登入</div>
            <div class="nv-div"><a style="color:inherit" href="blog.html">留言</div>
        </div>
    </div>


    <div class="lb" onmouseover=clearInterval(timer)" onmouseout="timer=setInterval(chimg,5000)">
        <img src="img/banner1.jpg" width="1000" height="350" id="banner1">
        
    </div>

    <div class="main">
        <div class="pic">
            <img src="img/pic.jpg" width="400" height="300">

        </div>
        <div class="tab-box">
            <div class="tab-head">
                <div class="tab-head-div current1">历史沿革</div>
                <div class="tab-head-div">地理环境</div>
                <div class="tab-head-div">自然资源</div>
                <div class="tab-head-div tab-head-r">旅游资源</div>
            </div>
            <div class="tab-body">
                <div class="tab-body-div current2">
                    远在旧石器时代湖南境地就已有古人类活动。距今1.2万多年前人类即在此种植稻谷,距今5000年前湖南先民开始在此过定居生活。湖南在原始社会时为三苗、百濮与扬越(百越一支)之地,据宁乡县、安乡县、津市、澧县、道县和平江县等地考古挖掘出土的文物证明,湖南境内在40万年前有旧石器时期的人类活动,早在一万多年前就有种植稻谷,早在五千年以前的新石器时代湖南的先民就开始过定居生活。
                </div>
                <div class="tab-body-div">
                    湖南省位于长江中游,省境绝大部分在洞庭湖以南,故称湖南;湘江贯穿省境南北,故简称湘。介于东经108°47′~114°15′,北纬24°38′~30°08′之间,东以幕阜、武功诸山系与江西交界;西以云贵高原东缘连贵州;西北以武陵山脉毗邻重庆;南枕南岭与广东、广西相邻,北以滨湖平原与湖北接壤。省界东到桂东县黄连坪,西至新晃侗族自治县韭菜塘,南起江华瑶族自治县姑婆山,北达石门县壶瓶山。东西宽667千米,南北长774千米。
                </div>
                <div class="tab-body-div">
                    湖南生物资源丰富多样,是全国乃至世界珍贵的生物基因库之一,有华南虎、云豹、麋鹿等13种国家一级保护动物;全省分布维管束植物1089属、5500多种,占热带性属的47.9%,其中包括南方红豆杉、资源冷杉、绒毛皂荚等国家重点保护野生植物64种。区系成分复杂、地理成分多样、起源古老,被植物界誉为自白垩纪以来变动不大的古老植物王国,是古老孑遗裸子植物富集之乡。
                </div>
                <div class="tab-body-div">
                    湖南是旅游资源与旅游产业大省,境内山水风光秀美奇特,历史文化底蕴深厚,民俗风情多姿多彩。一是具有名山与胜水之美。有张家界、崀山两处世界自然遗产,有“五岳独秀”之称的南岳衡山、湖南文化思想坐标之称的云阳山和“民族脊梁”之称的雪峰山,有奔流不息的湘、资、沅、澧“四水”,烟波浩淼的八百里洞庭,碧波万倾的东江湖,闻名全国的浏阳河。二是具有人文与历史厚重之美。有岳麓书院、韶山、凤凰古城、洪江古商城等底蕴深厚的人文景观。
                </div>
            </div>
        </div>
    </div>
    <div class="quick">
        <div class="center">
            <h3>快捷入口</h3>
            <span>Quick entrance</span>
        </div>

        <div class="dd">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="introduce.html">特色景点</a></li>
                <li><a href="custom.html">民俗文化</a></li>
                <li><a href="registration.html">注册登入</a></li>
                <li><a href="blog.html">留言</a></li>

            </ul>
        </div>
    </div>


    <div class="footer">
        <div class="copyright">
            版权所有:
        </div>

    </div>



    <script>
        alert("欢迎大家来湖南旅游!!体验湖南的风土人情!")

        var flag = 0;
        var timer = null;

        function chimg() {
            if (flag++ >= 5) {
                flag = 0;
            }
            document.getElementById('banner1').src = 'img/banner' + flag + '.jpg';
        }
        timer = setInterval(chimg, 5000)
    </script>

    <script>
        var tabs = document.getElementsByClassName('tab-head-div');
        var divs = document.getElementsByClassName('tab-body-div');
        for (var i = 0; i < tabs.length; i++) {
            tabs[i].onmouseover = function() {
                // alert('ok');
                for (var i = 0; i < tabs.length; i++) {
                    if (tabs[i] == this) {
                        tabs[i].classList.add('current1');
                        divs[i].classList.add('current2');
                    } else {
                        tabs[i].classList.remove('current1');
                        divs[i].classList.remove('current2');
                    }

                }

            }
        }
    </script>
</body>

最好贴一下代码

是不是标签进行了嵌套