one Book a Day

Symbol 뒤에 HTML Number를 붙혀주면 특수문자를 입력할 수 있다. Symbol HTML Number HTML Name Description ! ! exclamation point " " &quot\; double quotes # # number sign $ $ dollar sign % % percent sign & & &amp\; ampersand ' ' single quote ( ( opening parenthesis ) ) closing parenthesis * * asterisk + + plus sign , , comma - - minus sign - hyphen . . period / / slash : : colon ; ; semicolon > > greater than sig..

폼태그 (form tag) user의 의견이나 정보를 알기 위할 때 사용 한다. 입력된 데이터를 한번에 서버로 전송, 전송한 데이터는 웹 서버가 처리하고, 결과에 따른 도 다른 웹 페이지를 보여준다. 동작방법 폼이 있는 웹 페이지를 방문 내용 입력 데이터를 웹 서버로 전송 서버는 받은 폼 데이터 처리를 위해 웹 프로그램으로 전송 데이터 처리 처리 결과에따른 새로운 html 웹서버로 전송 웹서버는 받은 html페이지 브라우저로 전송 브라우저는 받은 html 렌더링 폼태그 속성 action : 폼을 전송할 서버 쪽 스크립트 파일을 지정 name : 폼을 식별하기 위한 이름 지정 accept-charset : 폼 전송에 사용할 문자 인코딩 지정 target : action에서 지정한 스크립트 파일을 현재 창이..

meta tag 란? 웹 페이지의 보이지 않는 정보를 제공. 페이지에 대한 설명, 제작자, 크롤링 정책 등. SEO는 search engine optimization으로 ,meta tag를 이용해 description, keywords, author, subject, classification등의 정보를 표기할 수 있으며, 검색엔진은 이런 정보를 적극적으로 활용한다. name은 메타요소가 어떤 정보의 형태를 가지고 있는지 알려주고 content는 실제 메타데이터의 컨텐츠이다. lang속성 지정해야하는 이유(스크린리더가 지정된 언어를 인지해서 읽음) 만약 lang속성이en이고 중간에 한글내용이 있다치면 span lang="ko"로 문자열태그 처리하면 한글로 읽어준다. / 인코딩 지정집합 UTF-8(한국어 ..

영역과 기능에 따라 적절한 tag를 사용해야함(웹 접근성(web accessibility)과 SEO(검색엔진 최적화)를 위해) //영역구분이 확실해지면 그렇지 않은 문서보다 더 적절한 키워드가 추출됨 HTML5에서 새로 제공하는 시맨틱 태그들 본문의 주 내용이 들어가는 공간. 사이드에 위치하는 공간 // 본문과 직접 관련 없는 내용. 카테고리, 태그목록 등. 본문에서 주석 각주 figure안에서 부가설명. 독립적인 콘텐츠 문서 또는 섹션의 바닥//회사정보, 소유자 소셜미디어정보, 약관 등 문서. 부가정보 // header과 중첩불가. 헤더 // 문서 제목, 로고, 작성자, 작성일.(메타정보) // article이나 section내 부가정보 표현에도 씀. 콘텐츠//문서에 한번만쓰임. 본문. 콘텐츠 내용(a..

가입하기 form 안에 button을 사용해야 할 순간이 온다. 하지만 태그를 사용하면 type="submit"이 default값이기때문에 누르면 form이 보내져 버린다. 때문에 type='button'속성을 부여한다!!

input칸을 빈칸인채로 submit을 못하게막고 경고창을 띄워주는 required속성. (일부칸이 빈칸인채 submit하게되면 data가 없어 오류 생길 수 있음.) 아이디: required넣으면 제출 눌렀을 시 제출 안되고 칸을 채우도록 독려함.