코드랩 레퍼런스
<var> 본문
<var> 태그는 수학적 표현이나 프로그램 코드에서 변수를 정의합니다.
| 특징 | 설명 |
|---|---|
| 콘텐츠 카테고리 | Flow content, Phrasing content, Palpable content. |
| 콘텐츠 속성 | Global Attributes, Event Attributes |
| 콘텐츠 요소 | Inline Element |
| 닫는 태그 | Closing (<var> ~ </var>) |
| 버전 | HTML4 |
| 시각적 표현 | 이탤릭체 |
Definition
- <var> 태그는 프로그램 코드에서 변수를 정의합니다.
Compare
- 컴퓨터 소스 코드를 사용한다면 <code> 태그를 사용합니다.
- 수학적인 변수나 프로그램의 변수를 나타낼 대는 <var> 태그를 사용합니다.
- 컴퓨터 프로그램으로 출력된 결과물은 <samp> 태그를 사용합니다.
- 사용자가 컴퓨터에 입력하는 문자는 <kbd> 태그를 사용합니다.
Compatibility
 |
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <var> |
Sample
Var 태그
$("a[href^='#']").on("click",function(e){
var target = $($(this).attr("href"));
if(target.length){
$("html, body").animate({ scrollTop:target.offset().top },400);
}
});
- target의 값은 #content입니다.
- #으로 시작하는 a 링크를 클릭하면 클릭한 대상의 주소는 변수 target에 할당됩니다.
- 사용자는 Shift+F12를 눌러서 결과를 확인합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>Var</title>
</head>
<body>
<div class="code">
<pre><code>
$("a[href^='#']").on("click",function(e){
var target = $($(this).attr("href"));
if(target.length){
$("html, body").animate({ scrollTop:target.offset().top },400);
}
});
</code></pre>
</div>
<div>
<ul>
<li>target의 값은 <samp>#content</samp>입니다.</li>
<li>#으로 시작하는 a 링크를 클릭하면 클릭한 대상의 주소는 변수 <var>target</var>에 할당됩니다.</li>
<li>사용자는 <kbd><kbd>Shift</kbd>+<kbd>F12</kbd></kbd>를 눌러서 결과를 확인합니다.</li>
</ul>
</div>
</body>
</html>
Ad
Comments