2015년 3월 14일 토요일

HTML5 태그를 지원하지 않는 브라우저를 만났을때

파이어폭스 브라우저,  iOS 사파리 브라우저 3.2 버젼, 오페라 미니 브라우저 5.0~6.0버전,
오페라 모바일 브라우저 10.0 버전, 안드로이드 브라우저 2.1 버전
// 시맨틱 태그들을 강제로 블록 레벨 태그(자신만의 영역을 만드는 태그)로 설정해야함

소스코드 Ex)
header, hgroup, section, nav, article, footer {
       display:block;
}

인터넷 익스플로러 8.0 이하 버전
//시맨틱 태그들을 아예 새로 정의해야 함

소스코드 Ex)
<script>
     document.createElement('article');
     document.createElement('section');
     document.createElement('aside');
     document.createElement('hgroup');
     document.createElement('nav');
     document.createElement('header');
     document.createElement('footer');
</script>

// 이 소스를 <heed> 와 </heed> 태그 사이에 넣을 것


// 위에 소스 코드는 HTML5의 시맨틱 태그를 정의하려고 만들어진 소스로서
// 다른 태그들을 더 추가하거나 있던 태그를 빼야할 경우도 있을 수 있음

댓글 없음:

댓글 쓰기