出于某种原因,多年来我使用的任何文本编辑器都遇到了问题。也许我根本看不到困扰我的基本文本的缺失元素。我错过或添加了什么来停止自动完成,因为它不会自动完成,但会提示这样做?由于某种原因,下面的代码有一个 div 跳过屏幕,但不在我的编辑器上?我对另外两个页面没有任何问题,直到我到达带有另一个 div 的 div 末尾,并且它停止自动完成?我尝试了 Atom 和 Notepad++。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>SALVATION | STORE</title>
<meta name="description" content="This is the description">
</head>
<body>
<header>
<nav>
<ul>
<li>HOME</li>
<li>STORE</li>
<li>ABOUT</li>
</ul>
</nav>
<hr>
<h1>The Generics</h1>
</header>
<section>
<h2>EVENTS</H2>
<div>
<div>
<strong>JANUARY</strong>
</div>
<img src="images/tower.jpg" alt="">
<div>
<span>1ST</span>
<button role="button">ATTEND</button>
</div>
</div>
<div>
<div>
<strong>FEBRUARY</strong>
</div>
<img src="images/tower.jpg" alt="">
<div>
<span>1ST</span>
<button role="button">ATTEND</button>
</div>
</div>
<div>
<div>
<strong>MARCH</strong>
</div>
<img src="images/tower.jpg" alt="">
<div>
<span>1ST</span>
<button role="button">ATTEND</button>
</div>
</div>
<div>
<div>
<strong>APRIL</strong>
</div>
<img src="images/tower.jpg" alt="">
<div>
<span>1ST</span>
<button role="button">ATTEND</button>
</div>
</div>
</section>
</body>
</html>
我查找了 Atom 包/自动完成设置/更新,以及 Notepad++ 的设置,一切看起来都很好。这只是我手动添加的部分代码。我也删除并重新保存了内容,但没有区别。这是编辑器“刚刚发生”的错误吗?偶尔会发生一次吗?
您的 META 标签有错误:
<!-- Your code -->
<meta name="description" content=""This is the description">
<!-- Correct code -->
<meta name="description" content="This is the description">
为了更好的可读性,我还建议花点时间使用缩进:子元素应始终比其父元素设置 1 个缩进。