Question

我制作了一个图片库，当我尝试验证代码时，它在图库中的每个图片中都出现了两个错误。此时元素img上不允许属性atl。

img元素必须具有alt属性，但在某些情况下除外条件。有关详细信息，请参阅提供文本的指导图像的替代品。这是我的代码/：

＆＃13;

@charset "UTF-8";
.thumbnailss {
	border-style: none;
	width: 250px;
	height: 250px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.italic { font-style: italic; }
.small { font-size: 0.8em; }

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;
	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	margin-top: 50px;
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

＆＃13;

   <!-- thumbnail image wrapped in a link -->
  <a href="#img1">
    <img src=../images/night/night_thumbnails/night_thumbs_01.jpg" atl="Monument Valley" class="thumbnailss">
  </a>
  <!-- lightbox container hidden with CSS -->
 <a href="#_" class="lightbox" id="img1">
  <img src="../images/night/night_thumbnails/night_thumbs_01.jpg" atl="Monument Valley">
  </a>

＆＃13;

Answer 1

atl属性错误，alt属性正确。

阅读更多：https://www.w3schools.com/tags/att_img_alt.asp

更改

atl属性

到

alt属性

此时元素img上不允许属性atl

1 个答案: