본문 바로가기

웹표준80

hgroup 태그, HTML5에서 제외(hgroup removed from HTML) hgroup 태그, HTML5에서 제외(hgroup removed from HTML) 뒤늦게 올린다만. 2013 4월경 hgroup 태그가 html5에서 제외됬다. 다음링크참조 http://www.webmonkey.com/2013/04/w3c-drops-hgroup-tag-from-html5-spec/ http://www.w3.org/html/wg/wiki/ChangeProposals/hgroup https://www.w3.org/Bugs/Public/show_bug.cgi?id=11731 http://beautifulcss.com/archives/882 W3C는 더이상 태그를 표준 명세에 표함시키지 않겠다고 밝혔습니다. 이 태그는 문서의 개요를 작성할 때 사용되는데, 반드시 부터 까지의 태그만을 포함할.. 2014. 2. 27.
CSS 폰트 (font) 정하기 CSS 폰트 (font) 정하기 먼저 한번에 지정할수 있는 font 말고 font-size등 간단정리하고 전체를 정의하는 font를 알아보자 폰트 크기 설정 폰트크기는 여기서 참조하자 바로테스트확인할수 있다. http://www.w3schools.com/cssref/playit.asp?filename=playcss_font-size&preval=xx-small 예제는 다음과 같다 h1{ font-size: 100%;} h2{ font-size: larger;} h3{ font-size: small;} h4{ font-size: 1.9em;} p{ font-size: 9pt;} 다음은 폰트크기를 요약 한것 상댓값 % : 부모 엘리먼트와 비교한다 em : 현재 폰트 크기에 비교(1.9는 190%) px : .. 2012. 2. 22.
CSS 폰트 : 웹안전 폰트와 다운 CSS 폰트 : 웹안전 폰트와 다운 웹안전폰트 폰트는 사용자가 컴퓨터에 있어야 사용가능하다. 옛날에는 단지화려하게 꾸미기위해서 별 폰트들을 남발했지만 요즘은 사라진지오래다. 일단 웹안전 폰트부터 살펴보자. Generic Family Family Name Example Windows Font Name Mac Font Name Sans-serif Normal fonts without serifs Arial Arial Safe Fonts, 안전서체, 安全書体, 安全字体 Arial Black Arial Black Safe Fonts, 안전서체, 安全書体, 安全字体 Lucida Sans Unicode Lucida Grande Safe Fonts, 안전서체, 安全書体, 安全字体 Tahoma Geneva Safe F.. 2012. 2. 21.
웹표준을 어떻게 생각하는가? 웹표준을 어떻게 생각하는가? 웹표준에 대한 생각들을 다음에 달아보자.출처는 웹스탠다드포럼 http://cssdesign.kr/forum/viewtopic.php?pid=19094#p19094 웹 표준 뭐라고 생각하세요? 웹 표준 뭐라고 생각하세요? HTML 시멘틱마크업,CSS오류없슴, '정보'와 '꾸밈(장식)', '기능'의 역할요소를 구분 웹 표준 어떻게 생각하세요? 현재 웹 설계의 필수요소. 웹 표준의 장점은 뭘까요? 역할분담과 알아볼수 있는 체계의 명확화. 웹표준을 지킴으로서 검색기능의 향상, 명확한 역할 구분,분담이 이루어진다. 예로 내가한작업을 넘겨줄 때도 이 규약을 지킴으로서 알기쉽다. 또한 접근성향상 웹 표준의 단점은 뭘까요? 아직까지 시간이 지나도 웹표준에 대한 이해 그리고 공통적인 개념이 .. 2011. 6. 30.
웹사이트 유동적 레이아웃 : 최대값과 최소값 자동완성사이트 웹사이트 유동적 레이아웃 : 최대값과 최소값 자동완성사이트 유동적 레이아웃에서 가로 너비으 최대값고 최소값을 제한해줄수 있는 걸 대부분알것이다(물론IE6는 그냥적용안됨) 어느정도 익숙하다면 Jello Mold Layout Generator를 방문하면된다. http://www.positioniseverything.net/articles/sidepages/pie-calc.php 위와같은 그림에서 위에는 가로 최소값 입력 아래는 최대값과 전체 사이트 너비를 입력하고 submit을 클릭하면 된다. 그러나 소스가 바로 나오지는 않는다. 변경된 사이트의 모습을 보여준다. 브라우저에서 사이트의 소스보기를 연후에 복사,저장하든지 사이트저장해서 수정하든지 하면 된다. 좋은점은 IE에 대한 대체 방안도 마련 되어있다는 점.. 2011. 3. 27.
웹 CSS 폰트 테스트 미리보기 사이트 typeteste http://www.typetester.org/ CSS를 다루면서 여러폰트를 사용하고 크기 색깔 마진 패딩들을 다루게 되는데 미리한번 볼수 있는 좋은 사이트가 있다. 좋은점은 위에는 우리가 흔히 사용하는 기본적인 폰트 그리고 아래는 자신이 가지고 있는 폰트가 있다. 모두테스트 가능 설정함에 따라 아래에 뜬다. 아쉬운 점이라면 한글로 못본다는점? 2011. 3. 17.
HTML5 엘리먼트 알아보기 (계속업데이트) HTML5 HTML5 엘리먼트 알아보기 (계속업데이트) 업데이트로 올린글 링크 section 엘리먼트 HTML5 aside 엘리먼트 HTML5 article 엘리먼트 HTML5 nav 엘리먼트 HTML5 section 엘리먼트 HTML5 article 엘리먼트 HTML5 aside 엘리먼트 HTML5 hgroup 엘리먼트 HTML5 header 엘리먼트 HTML5 footer 엘리먼트 HTML5 address 엘리먼트 group 엘리먼트 HTML5 p 엘리먼트 HTML5 hr 엘리먼트 HTML5 pre 엘리먼트 HTML5 ol 엘리먼트 HTML5 ul 엘리먼트 HTML5 li 엘리먼트 HTML5 dl, dt, dd 엘리먼트(element) HTML5 figure, figcaption 엘리먼트(element) HTM.. 2010. 7. 22.
HTML5 menu,command 엘리먼트(element) HTML5 menu, command 엘리먼트(element) 커맨드리트를 표현하는 menu엘리먼트 상세히 표현하기위해 command엘리먼트가 자식엘리먼트로 html5에서 추가되었다. 커맨드엘리먼트는텍스등으 여러가지로 나타난다.커맨드는 현재 아직지원하지않는다. 냉무 역시차후 업데이트 2010. 7. 22.
HTML5 details, summary 엘리먼트(element) HTML5 details 엘리먼트(element) 스크립트와 더불어 흔히 웹사이트에서 클릭시 화면에 새로운정보를보여주고 클릭시 사라지는경우를 봤을 것이다. 이를 구현해주는것이 이엘리먼트이다. 클릭할것은 삼각형버튼으로 되어있다. 하지만 아직 브라우저에서 지원하지 않는다.summary는 details의 자식엘리먼트로 요약해서 설명해준다. 어쩌고저쩌고 울라불라울라불라.... open속성 엘리먼트는 보이는 상태로 시작된다 2010. 7. 22.
HTML5 canvas 엘리먼트(element) HTML5 canvas 엘리먼트(element) canvas엘리먼트는동적그래픽을 구현한다. 단독으로 이 엘리먼트만으로 구현 되지 않는다. 스크립트를 동반해서 사용하여 구현하다.속성엘리먼트로는 가로세로를 지원한다. 간단한 예 자바스크립트에서는 아이디로 접근,그리고 getContext로 시작한다. 이예대한 예는 차후에 .... 2010. 7. 22.