목차
- <noscript> 예제 - JS 작동 안 될 때 메세지
- <noscript> 정의
- <noscript> 구문
- <noscript> 예제 - 그누보드 goto_url() 함수
<noscript> 예제 - JS 작동 안 될 때 메세지
<p id="sinbi"></p>
<script>
document.getElementById("sinbi").innerHTML = "홈짱닷컴 (homzzang.com)";
</script>
<noscript>
자바스크립트도 안 되는 거 보니, 님 브라우저 너무 후짐.ㅡㅡ;;
당장 바꾸삼. ~~ By. 홈짱 (homzzang)
</noscript>
결과보기
<noscript> 정의
<script> 태그 안 JS 내용이 접속자 브라우저에서 작동 안 될 경우 대비해 보여줄 내용 기술.
1.
- <noscript> 태그는 <head> 태그 내부나 <body> 태그 내부에서 모두 사용 가능.
- <noscript> 태그가 <head> 태그 내부에 사용될 경우, 그 내부에 <link> <style> <meta> 요소도 포함해야 함.
- <noscript> 태그 안 내용은 <script> 태그 안의 JS가 작동 않거나, 클라이언트 브라우저가 지원 안 될 때 출력됨.
- 전역속성 지원.
2. <script> 태그 안 JS 미지원 브라우저 대비해, 주석 태그 이용 권장. (※ 내용 출력 X)
<script>
<!--
function displayMsg() {
alert("Hello World!")
}
//-->
</script>
3-1. HTML 4.01과 HTML5에서의 차이
- HTML4.01 : <body> 태그 내부에서만 사용 가능.
- HTML5 : <body> 태그 내부 뿐만 아니라, <head> 태그 내부에서도 사용 가능.
3-2. HTML과 XHTML에서의 차이
- HTML : <noscript> 태그 지원 O
- XHTML : <noscript> 태그 지원 X
4.
IE11 이상 주요 최신 브라우저 모두 지원.
5. MDN <noscript> 예제보기
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript
<noscript> 구문
<noscript>스크립트 태그 미지원 시 출력할 내용</noscript>
<noscript> 예제 - 그누보드 goto_url() 함수
위치: /lib/common.lib.php 약 96라인
// 메타태그를 이용한 URL 이동
// header("location:URL") 을 대체
function goto_url($url)
{
$url = str_replace("&", "&", $url);
//echo "<script> location.replace('$url'); </script>";
if (!headers_sent())
header('Location: '.$url);
else {
echo '<script>';
echo 'location.replace("'.$url.'");';
echo '</script>';
echo '<noscript>';
echo '<meta http-equiv="refresh" content="0;url='.$url.'" />';
echo '</noscript>';
}
exit;
}
