HTML中a标签没有闭合引起自动插入很多a标签的问题

源代码html片段:

<div id="app">
	<div data-v="" class="page-container">
		<div data-v="" style="height: 736px;">
			<div data-v2="" data-v="" class="page">
				<div data-v2="" data-v3="" class="download-btn">
					<a class="download-btn-a" href="http://img.zjrc.com/news/app/rencai1.1.apk">
				</div>
			</div>
		</div>
	</div>
</div>

浏览器生成后的html片段:

<div id="app">
    <div data-v="" class="page-container">
        <div data-v="" style="height: 736px;">
            <div data-v2="" data-v="" class="page">
                <div data-v2="" data-v3="" class="download-btn">
                    <a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
                    </a></div>
                <a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
                </a></div>
            <a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
            </a></div>
        <a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
        </a></div>
    <a class="download-btn-a one-pan-link-mark" href="http://img.zjrc.com/news/app/rencai1.1.apk">
    </a>
</div>

问题:


<a class="download-btn-a" href="http://img.zjrc.com/news/app/rencai1.1.apk">

解决:


<a class="download-btn-a" href="http://img.zjrc.com/news/app/rencai1.1.apk"></a>

仔细查看源代码才发现,是a标签少了闭合标签</a>导致的,补上闭合标签</a>就正常了。
a标签中间没有内容的情况下,很容易忽略闭合
a标签一定要闭合,否则会在后面每个div后面插入同一个a标签

参考链接:
https://www.cnblogs.com/cowboybusy/p/9639397.html

HTML中a标签没有闭合引起自动插入很多a标签的问题

上一篇:HTML 5中不同的新表单元素类型是什么?


下一篇:改变页面选择文字颜色和背景颜色----selection伪元素