본문 바로가기
HTML, CSS

하위 브라우저에서 시멘틱 태그 사용 방법

by beop07 2021. 3. 22.

현재는 IE를 버리고 있는 추세지만 간혹 하위 브라우저까지 대응해야되는 경우가 있다.

아래와 같은 방법으로 간편하게 사용할 수 있다.

 

방법1. html5shiv 사용하기

https://github.com/aFarkas/html5shiv

 

방법2. 직접 element 추가하기

<style>
	header,footer,nav,main,section,artical,aside{display:block;}
</style>
<script>
	document.createElement('header');
	document.createElement('footer');
	document.createElement('nav');
	document.createElement('main');
	document.createElement('section');
	document.createElement('artical');
	document.createElement('aside');
</script>
반응형

'HTML, CSS' 카테고리의 다른 글

aria 속성 정리  (0) 2023.06.21
css flex ellipsis 해결법  (1) 2021.05.10

댓글