HTML 잘 써먹기

HTML&CSS

by loeybho 2023. 9. 18. 10:47

웹 개발자 도구

HTML이 잘 돌아가는지 확인할 수 있다.

크롬 - 오른쪽 마우스 클릭 - 검사

코딩 결과가 작은 스마트폰에서도 잘 보이게 할 수 있는 방법

<head> 태그 안에 <meta name="viewport" content="width=device-width,initial-scale=1.0">를 넣는다. 기존 웹사이트에서는 그대로 보이지만 모바일 화면에선 모바일에 최적화되어 나타난다.

<body> 태그 안에 넣는 <iframe>.

iframe은 보안이 중요하다. sandbox 태그를 넣으면 자바스크립트의 경고창이 안 뜬다. 실전에서는 보안을 제대로 예방해야 한다.