HTML-L4-051 / 파싱과 호환성
잘못 닫힌 태그 DOM
고급문제
잘못 중첩된 문단을 고치세요. main 아래 p "소개", div 안 p "상세", p "끝"이 차례대로 오도록 작성하세요. p 안에 div를 넣지 마세요.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- 직접 문단 둘
- 상세 문단
- 문단 안 블록 없음
- 마지막 문단
힌트
문단은 블록 컨테이너를 자식으로 가질 수 없습니다.
해설·정답 보기
브라우저 자동 복구에 의존하면 빈 문단 등이 생길 수 있습니다. 의도한 DOM을 유효한 구조로 작성합니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <main><p>소개</p><div><p>상세</p></div><p>끝</p></main> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.