본문 바로가기

Scrap

HTML5 관련 정보 보다가 알게된 대체 스타일시트

http://trio.co.kr/webrefer/html40/present/styles.html#h-14.3.1

규약으로 지정되어 있더군요.

차니님의 블로그를 보다보면 디자인페이지를 켜고 꺼는 게 있습니다. 요즘 다음에서도 자주 선보이는 스킨 바꾸기 중 하나일 텐테...

소스를 좀 보다보니까 스타일 시트를 링크하는 <link rel= /> 관련 태그들도 Disabled 가 가능하군욥.
function setActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      a.disabled = true;
      if(a.getAttribute("title") == title) a.disabled = false;
    }
  }
}
위 스크립트를 부르는 바디는 아래와 같습니다
<link rel="alternate stylesheet" href="http://cfs.tistory.com/custom/blog/style.css?_T_=1197282022" title="designonly" />
<link rel="alternate stylesheet" href="http://cfs.tistory.com/custom/blog/textonly.css" type="text/css" title="textonly" />
<div id="switchstyle">
 <a href="#" onclick="setActiveStyleSheet('textonly'); return false;" title="텍스트 지향">
  <img src="http://cfs.tistory.com/custom/blog/0/297/skin/images/t_mode.jpg" alt="Text 모드" /></a>
  <a href="#" onclick="setActiveStyleSheet('designonly'); return false;" title="그래픽 모드">
  <img src="http://cfs.tistory.com/custom/blog/0/297/skin/images/g_mode.jpg" alt="그래픽 모드" /></a>
</div>
김국현님이 말씀하신 고충이 제목만 보아도 이해 되는게 "웹 개발은 참 막장이구나... " 흑흑.
http://www.zdnet.co.kr/itbiz/column/anchor/goodhyun/0,39030292,39163561,00.htm
이에 대한 윤석찬님의 말씀도 일리가 있습니다.
http://channy.creation.net/blog/459
개인적으로는 국현님의 생각에 동의하는 편입니다.

아무튼. OGG 가 컨테이너 였다는 건 오늘 처음 알았군요.
MOV, AVI 와 같은 컨테이너입니다. 포맷이나 코덱은 여러가지가 담길수 있나보군요.

이 포스트의 제목에 관련한 HTML 5 는 댓글의 차니님 블로그에서 확인할 수 있다고...요.

웹표준 관련 국내 사이트 몇개 소개합니다.

그외 포털에서 "웹표준" 으로 검색하면 다양한 정보를 찾을 수 있슴. 일모리님, 나리디자인 등의 블로그도 상당히 많은 정보로 도움이 되고 계십니다.