FE BE 개발 메모장/HTML& DOM & CSS
HTML 5의 시멘틱 요소
Sementic Tag 시맨틱(Semantic)은 "의미의, 의미론적인" 을 의미하는데 시맨틱 태그는 의믜를 가진 HTML의 태그를 뜻한다. 시맨틱한 태그를 사용하여 자신의 컨텐츠를 명확하게 정의한다. HTML5의 시맨틱 태그가 등장하기 전, 기존에 , 엘리먼트로 레이아웃을 나누고, id나 class 속성 명을 담아주어 구분짓는 방식으로 웹페이지가 개발되었다. 그러나 일관성이 떨어지고 개발자들 간의 혼동으로 , 같은 시멘틱한 엘리먼트들로 설계하도록 약속되었다. 주요 시맨틱 요소들(Sementic Elements) 섹션의 주제를 나타내는 태그이다. h1~h6를 그룹짓는다. , 와 는 전체 웹페이지나 특정영역의 부가정보를 표기하는데 사용한다. 태그에는 제목, 로고, 작성일과 같은 메타 정보를 배치하고, 은 ..
form과 link 태그
FORM 입력 양식 전체를 감싸는 태그 form 태그의 속성들 name: form의 이름, 서버로 보내질 떄 이름의 값으로 데이터 전송 action: form이 전송되는 서버 url 또는 html 링크 method: 전송 방법 설정. -get: URL 끝에 데이터를 첨부해서 전송하는 방식 항상 노출이됨. URL 최대 256자까지(초과시 데이터 잘림) URL 인코딩방식 base64 영문자와 숫자정도만 전송 -post: 패킷의 본문 안에 데이터를 넣어서 전송하는 방식 제한 크기 무제한 데이터 노출 없음 한글 상관 없이 전송 autocomplete: 자동완성. (on으로 하면 form 전체 자동완성 허용) accept-charset: 폼 전송에 사용할 문자 인코딩을 지정 Form의 다양한 요소(element)..
HTML(Hyper Text Markup Language)
HTML을 알기위해 WEB이란 무엇인지 알아보자. WEB 웹 페이지는 월드 와이드 웹 상에 있는 개개의 문서를 가르킨다. 다른 확장자(.gif, .jpg, .hwp. .doc)들 처럼 HTML도 .htm. .html 확장자 포맷을 가지고있다. 이 html 문서는 단순히 텍스트파일에 불과하지마 웹 브라우저가 구조를 해석을 해서 화면에 렌더링 해주고 사용자는 view라고 하는 스크린을 통해 접한다. HTML html은 Hyper Text Markup Language의 약자고, 문서화된 웹 페이지의 구조를 설계하는 마크업 언어이다. 기본 용어 엘리먼트(element) - 요소 (콘텐츠와 태그가 하나로 묶였을때 사용하는 용어) Open tag (여는 태그) Close tag (닫는 태그) Open tag Clo..