개발 Q&A

제목 a태그가 스스로 새로 생성됩니다;;;
카테고리 HTML
글쓴이 kasumil 작성시각 2022/01/14 14:52:27
댓글 : 5 추천 : 0 스크랩 : 0 조회수 : 265   RSS
<?php
					for($i=0; $i< 2; $i++) {
						echo '
						<div class="col-lg-3 col-md-6 col-sm-12">
							<a class="cl" href="/index.php/user">
								<div class="card__item one">
									<div class="card" style="width: 18rem;">
										
										<div class="card-body" style="margin-top:-40px;">
											
											<h5 class="text-center fw-bolder">제목</h5>
											<div class="d-flex align-items-center justify-content-center text-dark">
												<div class="mr-sm-2 fw-light">by</div>
												<a href="/index.php/profile">
													프로필
												</a>
											</div> 
											<p class="card-text">Some quick example text to build on the card title and make up
												the bulk of the card\'s content.</p>
										</div>
									</div>
								</div>
							</a>
						</div>
						';
					}
				?>

 

위 처럼 딱 한번만 감싸서 만들었는데, 그 아래에 img태그 바로 위에

동일한 a태그 class='cl'이 생성되면서 감싸버리는 문제가 발생합니다.

뭐가 문제라서 이렇게 생성되는 걸까요?

 


첨부파일 화면 캡처 2022-01-14 145129.png (18.0 KB)
 이전글 JS 이미지 리사이징 라이브러리 compressorjs (3)

댓글

한대승(불의회상) / 2022/01/14 14:58:17 / 추천 0
소스 보기로 실제로 <A> 태그가 있는지 확인해 보세요.
kasumil / 2022/01/14 15:05:45 / 추천 0

한대승(불의회상) // 하단에 해당 부분을 이미지로 넣어놨습니다.

왜 이렇게 스스로 생성되는지 몰라서 헤매고 있습니다.

kasumil / 2022/01/14 15:31:56 / 추천 0
찾았습니다. 원인이 a태그 안에  a태그를 넣으면 이거때문에 각 태그에 a태그를 새로 생성하나 봅니다.
테러보이 / 2022/01/14 16:34:19 / 추천 0
앵커 안에 앵커가 있는데요?
kasumil / 2022/01/14 22:04:14 / 추천 0

테러보이 // 네 맞습니다.

div태그를 전체 클릭하면 a로 이동하고, 해당 text를 클릭시 b로 이동해야할 필요가 있어서요.

text의 a를 제거하면 정상적으로 변하네요.