본문 바로가기

HTML511

HTML5 새로추가된 속성 속성적용 태그설명mediaa, area링크할 미디어 지정hreflangarea링크하는 대상의 언어 지정relareaarea가 포함된 문서와 area 가 링크하는 대상 간의 관계 지정targetbasehref속성에서 지정한 링크의 target을 지정valueli첫 번째 항목의 값 지정charsetmeta문자 인코딩 선언autofocusinput (type=hidden 제외)select, textarea, button입력 필드에 포커스palceholderinput, textarea입력 필드에 힌트 내용 표시입력을 하기 위해 필드 클릭시 힌트내용 사라짐requiredinput (type=hidden 제외)textarea필수 입력 필드 설정autocompleteinput자동완성 기능을 켜거나 끄기min, max.. 2014. 6. 15.
HTML5 변경된 태그 태그HTML4 의미HTML5 의미ahref="#" 이나, href="javascrip:;"로지정해야 Null(널) 링크로 사용href 속성 없이 사용하면 “널 링크” 로 사용address이름이나 이메일주소, 전화번호 등제작자에 대한 정보 표시실제 우편물 주소 표시b텍스트를 진하게 표시 (bold)텍스트 진하게제품소개서안의 제품명, 요약 문서 안에 키워드처럼특별하게 중요하지는 않지만 진하게 표시hr가로줄표시단락 단위로 주제를 바꿀 때 사용i텍스트를 기울어지게 (italic) 표시텍스트를 기울어지게 뿐만 아니라중요한 정보가 들어있지 않은 주변 콘텐츠로부터텍스트를 따로 표시할 때 사용menu(사용하지 않도록 권고)실제 문서 메뉴 정보를 제공하는데 사용small작은 글자표시세부 주석 / 법적 인쇄문서에서작은 인.. 2014. 6. 15.
HTML5 새로운 태그 section일반적인 문서나 애플리케이션 영역표시, 섹션의 제목을 나타내는 h1 ~ h6 과 함께 사용가능article뉴스 기사, 블로그 글같은 독립적인 콘텐츠 표시aside문서의 주요 부분 표시, 사이드바 표시, 탭바hgroup제목과 그에 관련된 부제목을 하나로 묶기header헤더부분, 사이트 소개 및 네비게이션 표시 및 내용 중간에서 머리글 역할footer푸터 부분 표시 / copyright 나, site developer를 나타냄navsite 내에 내비게이션 표시figure, figcaption그림이나 비디오 멀티미디어 콘텐츠에 캡선을 붙일 때 사용audio, video멀티미디어 콘텐츠 표시embed플러그인 콘텐츠 표시mark텍스트상에 형광펜으로 칠한것처럼 표시progress시간이 걸리는 작업과정을.. 2014. 6. 15.
AQUA 타입의 버튼 제작하기 깔끔한 느낌의 Aqua 타입 버튼HTML 5 + CSS 로 제작되었습니다. HTML5HTML5 CSS3 2014. 6. 12.
apple 느낌의 css 메뉴바 본 html 은, html5 로 이루어져있습니다 :) [목록태그에 관한 링크: http://dpfmth.tistory.com/122] [HTML CODE] // ul 사용하지 않은 경우 Home 스토어 Mac iPod iPhone iPad iTunes 고객지원 [HTML CODE] // ul 사용하는 경우 Home 스토어 Mac mac mac pro mac air iPod iPodTouch iPodNano iPodClassic iPodShuffle iPhone iPhone4 iPhone4S iPhone5 iPhone5S iPad iPad1 iPad2 New iPad iPad 4 iPad Mini iPad Mini Retina iPad Air iTunes 고객지원 [css 코드]#cssmenu ul { m.. 2014. 6. 8.