Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.

 

말 그대로 p 태그 안에 div 태그를 써서 생긴 문제이다.

 

HTML에서 p 태그는 문단을 나타내는 데 사용되며 p 태그는 텍스트를 하나의 문단으로 그룹화하여 구조화된 텍스트를 작성하는 데 유용하다.

 

문단은 주로 여러 문장을 포함하며, 웹 페이지의 가독성을 높이는 데 중요한 역할을 한다.

 

이런식으로 사용하면 Error까지는 아니지만 Warning이 뜬다. 

(x)

<p>
	<div>hello</div>
</p>

 

 

p 태그를 다른 태그로 바꾸면 된다.

 

(O)

<div>
	<div>hello</div>
</div>

반응형