• 회원가입
  • 로그인
  • 구글아이디로 로그인

[programming] HTML - <noscript> 태그 - JS 작동안될때 보여줄 내용 (= noscript태그 = 노스크립트태그) ※ 스크립트 안 주석

목차
  1. <noscript> 예제 - JS 작동 안 될 때 메세지
  2. <noscript> 정의
  3. <noscript> 구문
  4. <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("&amp;", "&", $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;

}

 



분류 제목
image HTML - <svg> 태그 - 그림그리기 (= 동적그림 = svg태그 = 에스브이지태그)
frame HTML - <frame> 태그 - 프레임셋안 개별프레임창 (HTML5제외)
media HTML - <source> 태그 - 미디어소스 불러오기 (= source태그 = 소스태그)
table HTML - <tfoot> 태그 - 테이블꼬릿말그룹 (= 테이블풋 = tfoot 태그 = 티풋태그) (HTM…
responsive HTML - Responsive Web Design (반응형 웹디자인) 장단점 + 홈페이지 제작법
style HTML - <footer> 태그 ★ - 단락꼬릿말 (= footer태그 = footer요소 = 푸터태그 =…
formatting HTML - <blockquote> 태그 ★ - 긴 인용구 (= blockquote태그 = blockquot…
link HTML - <nav> 태그 ★ - 네비게이션링크모음 (= nav태그 = 네브태그)
table HTML - <tbody> 태그 - 테이블셀그룹 (= 테이블바디 = tbody태그 = 티바디태그) (HTML…
formatting HTML - <ins> 태그 - 텍스트삽입표시 (= ins태그 = 인스태그 = 삽입태그)
formatting HTML - <cite> 태그 - 인용구 제목 (= cite태그 = cite요소 = 저작물제목 = 인용태그 …
formatting HTML - <bdo> 태그 - 텍스트출력방향 (= bdo태그 = bdo요소 = 글자방향 = 브도태그 = …
form HTML - <fieldset> 태그 ★ - 폼양식 관련요소묶음 (= fieldset태그 = 필드셋태그) (…
font HTML - <big> 태그 - 큰글씨 (= big태그 = big요소 = 큰글자 = 글자 크게 = 빅태그)…
formatting HTML - <var> 태그 - 변수정의 (= 변수태그 = var태그 = 바태그)
attribute HTML - Global Attribute - 전역속성 종류
form HTML - <output> 태그 - 계산 결과값 출력 (= output태그 = 아웃풋태그)
programming HTML - <object> 태그 - 미디어삽입 (= object태그 = 어브젝트태그)
intro HTML - 태그 문법 ★
api HTML5 - Server-Sent Event - 서버전송이벤트 (= 서버센트이벤트)
14/18
목록
찾아주셔서 감사합니다. Since 2012