[1주차 BS] 정슬기

[seulgi25]

✨ 과제 내용

시맨틱 태그를 이용하여 자기소개 페이지 만들기
(예시 결과물과 같이 레이아웃을 가로로 설정하고 싶어서 CSS를 수정하였습니다.)

📸 스크린샷(필수)

📚 새로 알게된 내용 혹은 궁금한 점

새로 알게된 내용

시맨틱 태그

:웹페이지의 각 영역을 보다 의미 있게 작성할 수 있는 태그
:header, nav, main, footer, aside, article, section
:figure 태그와 figcaption 태그도 추가로 알게되었다.

가로 배치

:레이아웃을 가로로 배치하고 싶어서 고민했는데 CSS에서 'display: flex' 속성을 사용하면 레이아웃을 가로로 배치할 수 있다는 사실을 알게 되었다.

궁금한 점

1)시맨틱 태그에서 section 태그는 section(영역)을 구분할 때 사용하고, article 태그는 특정한 영역을 구분할 때 사용하지만, 다른 페이지나 다른 영역에 독립적으로 갖다 붙일 수 있는 태그라고 하는데 이 둘의 명확한 차이점을 모르겠습니다..! 제 코드에서 section 태그와 article 태그가 적절히 사용된 것이 맞는지 피드백 듣고 싶습니다

2)iframe 태그를 사용할 때 처음에는 '<iframe src="삽입할 문서의 URL"></iframe>' 이 문법을 사용하여 시도를 했었는데 youtube에서 거부를 하였다고 하여 방법을 찾던 중 유튜브에서 단순히 URL만 복사하는 것이 아니라 '퍼가기'를 하면 정상적으로 실행된다고 하여 그렇게 코드를 수정하였더니 정상적으로 실행은 되었습니다. 그 후 코드를 보니 URL 뿐만 아니라 다른 요소들(title, frameborder, referrerpolicy 등)도 복붙이 되었던데 이 요소들도 전부 붙여넣기를 하는 것이 맞는지, URL만 넣었을 때랑 무슨 차이가 있는 것인지 궁금합니다..!