web sprit

작업 시 브라우저 자동완성 기능으로 보안이나 UI면에서 방해 요소로 작용합니다. 자동완성을 막기 위해 아래와 같은 속성을 추가 해야 합니다. 속성값으로는 on 과 off이 있습니다. on은 default 값으로 기존에 입력한 내용의 값이 있다면 자동완성 기능으로 화면에 목록으로 표시 됩니다. 이 기능을 비활성화 하고 싶다면 off 값을 넣어주면 됩니다. 개별마다 autocomplete 값을 off으로 주면 너무 번거로울 수 있습니다. form 요소 전체에 autocomplete 값을 off으로 주고 싶다면 아래와 같이 적용해 주면 됩니다. ............. * 부연설명 name : Form 태그를 통해 다른 페이지로 값을 전송할 경우 name 속성을 이용합니다.

브라우저에서 디자인 되어 확인 할 수 있는 화면의기본적인 HTML의 구조는 아래와 같습니다.123456789101112 Document // body태그 안에서 화면에 그려지는 모습을 태그로 작성. cs ## 태그(tag)란 ? 이런 형식으로 되어 있는 것을 태그라 합니다.예) div 태그 span 태그 ## 태그 종류태그의 종류는 블록(block)태그, 인라인(inline)태그로 나뉩니다.예)block 태그 - div, p, ul, li, 등...inline 태그 - span, strong, em, 등.... ## 블록태그와 인라인태그의 차이점블록태그 - 수평의 영역을 다 차지한다.인라인태그 - 감싸고 있는 안의 영역만큼의 영역을 차지한다. 1234567891011121314151617181920212..

a태그로 메일 이나 전화를 걸수 있는 방법만 있는 줄 알았는데이것 말고도 여러 방법이 있습니다. a태그의 href 속성에 다음과 같이 작성하면 됩니다.1234567891011 cs a태그를 제외한 일반태그 적용은 다음과 같습니다.1234567891011 cs

조건부 주석 이란?IE를 제외한 브라우저에서는 주석처리 되어 보이지 않고,조건부 주석으로 설정한 IE 버전에서 해당 내용을 적용합니다. 1234567891011 Colored by Color Scriptercs위 내용은 제가 기존에 사용하였던 조건부 주석입니다.조건부 주석의 문법에 대한 내용을 알아보려 합니다.위의 내용도 참고 하여 보시기 바랍니다.

나의 퍼블리셔 인생에서 HTML 문서의 Doctype 사용은XHTML 1.0 Transitional 과 html5 입니다. 기타 여러가지의 Doctype 버전을 알고 이해하려고 합니다. 평생 사용하지 않을 수 있지만 모르는것 보단 이해하고 사용하는 편이 좋겠죠~ ^&^ tip !!! 선언(DTD)은 대소 문자를 구분하지 않습니다. Doctype의 선언(DTD)은 아래와 같습니다.12345678910111213141516171819202122232425262728293031323334353637383940414243444546 cs

모바일 제작이나 반응형웹을 제작할때 부딪힐 수 있는 문제입니다.마크업을 작업하면 PC로 비교해보면서 작업을 하게 되는데요.쉽게 지나치고 모바일에서 확인했을때 전화번호로 되어진 부분예) 010-xxxx-xxxx 전화번호 부분을 IOS 모바일로 확인했을때 링크로 인식하여 내가 의도치 않은 색으로 지정되어 집니다.황당하죠....이 현상은 IOS는 전화번호 자동링크로 인식하여 화면의 UI 나 디자인에 영향을 미칩니다. 그럼 바로 해결 해야죠. 아래의 메타태그를 head 태그 안에 입력해 줍니다. 그럼 원래 지정했던 색이 적용되어 모바일에서 확인하실 수 있습니다.IOS 에서 자동 링크로 전화걸기를 연결하지말고 원래 디자인은 적용하면서 전화걸기 링크를 넣으려면 다음과 같은 방법을 사용하십시오.전화걸기그럼 모바일에서..

meta 태그를 이용하면 간단하게사용자의 ie의 최신 브라우저로 보게 만드는 것이 가능합니다. 123 Colored by Color Scriptercs 위의 content 값은 여러가지가 있습니다.IE=5 ~ IE=11 : IE 버전에 맞게 설정하면 그에 따른 버전으로 렌더링 하게 됩니다. (IE=6 제외)IE=edge : 최신모드로 지정된 DOCTYPE에 상관없이 IE8 이상 버전에서 항상 최신 표준모드로 렌더링 됩니다. 과거에는 content="IE=edge, chrome=1" 처럼 대체방법으로 크롬 프레임이라는 ActiveX를 설치하라는 것을 추천했는데 크롬 프레임의 개발 종류로 이제 더이상 추천하지 않습니다. X-UA-Compatible 속성 값은 IE 에서만 작동하는 비표준 속성이기 때문에 W3..

HTML5 Input Types color date datetime datetime-local email month number range search tel time url week 1. Base (기본)1cs- 웹에서의 폼은 사용자 입력부분과 서버 전송 버튼으로 나눔- 사용자 입력 부분은 거의 태그를 이용해 처리 함- 태그의 type=""속성을 통해 입력하는 내용이 어떤 정보인지를 지정 함- type=""속성 값에 따라 사용할 수 있는 속성들도 다름 2. type2-1. hidden1cs- 숨겨진 입력필드를 정의 즉, 화면상에 폼에는 보이지 않지만, 폼을 서버로 전송할 때 함께 전송되는 요소- 예를 들어, 회원가입 폼에서 가입 경로, 날짜와 같이 굳이 사용자가 입력하지 않아도 알 수 있는 정보들을 서..