[HTML/CSS] P태그 안에 DIV를 넣지 마세요!

 

 

안녕하세요 무택입니다 :)

오늘은 HTML의 구조에 대해 설명해보려고 해요. 바로 p태그 안에는 div가 안 들어간다는 사실!

 

여느 때와 같이 작업을 하는 도중에 p태그 안에 div를 넣고 js에서 div를 불러오려고 하려고 하는데 기능이 안 돌아가는 거예요.. 그래서 찾아봤더니 구조상 p태그 안에는 div가 못 들어간다고 합니다. 자세한 이유는 잘 모르겠지만 구조상 불가능하다는 사실..😭

 

 

p태그 안에 div를 넣으면?

개발자 툴에서 보면 알 수 있듯이 p태그 안에 div를 넣으면 p태그가 자동으로 닫히고 그 후에 div태그가 나옵니다. 또 그 후에 p태그 하나가 자동으로 열리고 닫히는 걸 볼 수 있습니다.(이러니 js에서 p > div를 해도 찾을 수가 없지..)

 

구조상 p태그 안에 div를 만들 일이 거의 없긴 한데 혹시라도 저 같은 문제를 겪고 있는 분들은 위 내용을 확인해 보시면 해결할 수 있을 거예요👍