728x90
반응형
질문 : HTML "no-js"클래스의 목적은 무엇입니까?
많은 템플릿 엔진, HTML5 Boilerplate , 다양한 프레임 워크 및 일반 PHP 사이트 <HTML> 태그에 no-js 클래스가 있음을 알았습니다.
왜 이렇게 되나요? 이 클래스에 반응하는 일종의 기본 브라우저 동작이 있습니까? 왜 항상 포함합니까? "no-js"케이스가없고 html을 직접 처리 할 수 있다면 클래스 자체를 쓸모 없게 만들지 않습니까?
다음은 HTML5 Boilerplate index.html의 예입니다.
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
보시다시피 <html> 요소에는 항상이 클래스가 있습니다. 누군가 이것이 왜 그렇게 자주 수행되는지 설명 할 수 있습니까?
답변
Modernizr가 실행되면 "no-js"클래스를 제거하고 "js"로 대체합니다. 이것은 Javascript 지원이 활성화되었는지 여부에 따라 다른 CSS 규칙을 적용하는 방법입니다.
Modernizer의 소스 코드를 참조하십시오.
출처 : https://stackoverflow.com/questions/6724515/what-is-the-purpose-of-the-html-no-js-class
728x90
반응형
'프로그래밍 언어 > HTML,CSS,JS' 카테고리의 다른 글
| 배경 이미지에 CSS 필터를 적용하는 방법 (0) | 2021.08.27 |
|---|---|
| HTML5에 input type을 float 타입으로 활용하는 방법 (0) | 2021.08.27 |
| 웹 사이트에 "내 정보 기억"을 구현하는 가장 좋은 방법 (0) | 2021.08.26 |
| 세로 스크롤이 tbody 내부에 있는 100% 너비의 HTML 테이블 (0) | 2021.08.26 |
| JWT (JSON Web Token) 만료 자동 연장 (0) | 2021.08.26 |