HTML 46

Tool tip (툴팁) 에관하여 :: TITLE vs ALT

툴팁(tooltip attribute)은 다른 말로 "도구설명"이라고도 합니다. 익스플로러나 워드프로세서 등의 프로그램들을 보면 도구단추들이 있는데, 이러한 도구단추 위로 마우스를 올리면 시작, 검색 등의 글자가 나타나 도구단추의 용도를 알려줍니다. 툴팁은 바로 이러한 것을 말합니다. 다른말로는 "풍선도움말"이라고도 하지요. 1.이미지에 설명글 달기. img 태그에서 alt속성은 이미지를 로딩할 수 없는 상황에서 그 이미지를 대체하기 위한 텍스트입니다. title속성은 base, head, html, meta, param, script, style, title 태그를 제외한 태그에 사용할 수 있으며, 해당 엘리먼트에 마우스를 가져가면 띄워줄 툴팁(tooltip) 메시지를 설정할 수 있습니다. IE에서는 ..

Web 2017.05.26

IE 렌더링 모드

IE의 렌더링은 3가지 방법에 의해 적용 1. DoctypeDOCTYPE 선언URL 표기 유무랜더링 모드DOCTYPE 없음n/aIE6이하HTML (Version 지정 없음)IE6이하HTML 2.0IE6이하HTML 3.0IE6이하HTML 4.0IE8HTML 4.0 FramesetURL 있음IE8URL 없음IE6이하HTML 4.0 TransitionalURL 있음IE8URL 없음IE6이하HTML4.0 Strictn/aIE8XHTMLIE8Unrecongnized DOCTYPEIE8 2. Http 리스폰스 헤더 3. Meta 태그레이아웃 모드모드값IE6 이하IE=5IE7IE=7IE8IE=8무조건 최신IE=edge IE=5 : 관용모드(quirks mode)로 지정된 DOCTYPE에 상관없이 IE5 렌더링 방식이..

Web 2017.05.25

익스플로러(IE)에서 overflow:hidden 안먹히는 이유

div 속성중 overflow:hidden 은 div 레이아웃을 깨지지 않게 하는 중요한 요소입니다. 아무리 사이즈 조절을 잘해도 옆어로 죽~ 늘어나는 게시물에는 대책이 없죠;;그런데 overflow:hidden 이 IE에서 잘 안먹히는 겁니다!!!!! 익스플로러9 버젼부터는 고쳐졌기를 바라지만 IE8, IE7 은 이방법을 꼭 써야 overflow hidden 이 됩니다.바로 익스플로러는 width style을 꼭 지정해 줘야해요. ex)

Web 2017.05.24

HTML [CSS] 글꼴 크기를 지정하는 font-size 속성(px, pt, %, em 차이)

CSS에서는 글꼴 크기를 지정할 때 font-size 속성을 사용합니다. 사용 예 p { font-size: 1em; } 속성값은 다음과 같습니다. 절대값 : 고정된 크기. 장치에 따라 크기를 조절할 수 없음. px, pt, cm 등의 단위로 지정하거나 xx-small, x-small, small, medium, large, x-large, xx-large 중에서 선택 medium은 기본값으로 12pt=19px=13m=100% *구 IE 버전의 경우, small이 기본값이라 doctype을 선언해주어야 medium이 기본값으로 나옵니다 DOCTYPE 선언하는 이유와 버전별 선언 정리 (HTML5, HTML 4, XHTML) 상대값 : 상대적인 크기. 장치에 따라 크기 조절이 가능함. em, %, smal..

Web 2017.05.24

특정페이지로 순간 이동(http Redirection)하기

말그대로 유저가 홈페이지 접속시 특정페이지로 보내는 방법입니다. ◆ 방법 1 - 메타태그를 이용하는 방법. ================================================ 아래 소스를 사이에 삽입 ◆ 방법 2 - PHP ======================================================= ◆ 방법 3 - ASP ======================================================= ◆ 방법 4 - 자바스크립트 이용 =============================================== ◆ location.href 를 쓸때 프레임을쓸 경우에는 아래와 같이 상위 프레임의 이름을 써주고 href를 써줘야 한다 예로..

Web 2017.05.23

(HTML) target을 줄때.. blank, self, parent, top 태그 개념.

하이퍼링크(Hyperlink)는 태그로 만듭니다.링크의 대상은 웹페이지, 파일, 이메일 등이 될 수 있으며, href 속성으로 이동할 주소를 정합니다.웹페이지, 파일로의 하이퍼링크하이퍼링크를 만드는 기본 문법은 다음과 같습니다.Link Labelurl 에는 이동할 웹페이지의 경로가 들어갑니다. 기본적으로 링크를 클릭하면 현재 페이지에서 링크 대상으로 이동합니다. 만약 새 창 또는 새 탭에서 링크를 열고 싶으면 target 속성을 추가됩니다. target 속성. blank, self, parent, top 태그 blank : 기존의 창은 그대로이고 새로운 인터넷 창하나를 더 띄워서 거기에 링크된 페이지를 연다. ((ex)) 링크 self : 기존에 떠있는 자기 창에다가 링크된 페이지를 연다. ((ex)) ..

Web 2017.05.20