STUDY

sandbox 속성은 HTML5에서 추가되었으며 iframe 에 지정하면 해당 프레임이 삽입되는 페이지에 제한을 둘 수 있다. sandbox 속성을 비워두면 모든 제한 사항을 적용하고 값을 지정하여 제한을 완화할 수 있다. allow-scripts : 리소스가 스크립트를 실행할 수 있도록 허용, 팝업은 생성 안됨 allow-popups : window.open()이나 target=“_blank”, showModalDialog() 등의 팝업(popup)을 허용 allow-forms : 리소스(resource)가 폼 데이터를 제출할 수 있도록 허용 allow-modals : 리소스가 모달 윈도우(modal window)를 열 수 있도록 허용 allow-same-origin : 리소스가 same-origin ..

사용자에게 고를 수 있거나 추천하는 선택지를 나타내는 option을 여러개 보여줄 수 있는 태그 input list 속성 값 === datalist id 속성 값 select와 다른 점은 사용자가 입력이 가능하고 자동완성 기능을 제공해서 입력된 값으로 option을 빠르게 찾을 수 있음 참고 https://developer.mozilla.org/ko/docs/Web/HTML/Element/datalist - HTML: Hypertext Markup Language | MDN HTML 요소는 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 요소 여럿을 담습니다. developer.mozilla.org

1. 시맨틱 마크업 Semantic - 의미론적인 시맨틱 마크업 - 의미를 잘 전달하도록 시맨틱 태그로 문서를 작성하는 것, 웹 페이지의 구조를 명확하게 표현할 수 있다. 각 태그를 그 용도에 맞게 사용해야 한다. 헤더: 푸터: 메인: , 독립컨텐츠: 제목: - ... 네비: 리스트: 과 그 외 블록 요소 안에 인라인 요소 넣기 hgroup 은 큰 거부터 사용하기 br 태그 남발하지 않기 css 는 스타일시트나 별도 코드로 분리해서 사용하기(css 인라인으로 넣지 말기) css 스타일을 명시하는 태그는 적합하지 않음 ex) 글자를 진하게 할때 (스타일 bold)보단 (내용 강조)을 사용해야 함 (기울어진 스타일)