'html'에 해당되는 글 2건
HTML의 A 태그에는 target이라는 속성이 존재한다. 그리고 그 Target은 해당 액션의 결과를 표시할 창을 가리키는 속성값이다.
최근에 알게 된 사실이지만 이 속성값에도 아래와 같이 _top, _self 등과 같이 이미 지정된 값이 존재했다.
_top
어느 프레임에서 아래 링크를 클릭하던, 해당 프레임을 포함한, 최고 상단 페이지가 이동한다.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_top">
// JavaScript top.location.href = "http://blog.sangpire.pe.kr";
_self
현재 페이지 또는 프레임 주소만 변경.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_self">
// JavaScript self.location.href = "http://blog.sangpire.pe.kr";
_parent
부모(parent)페이지를 이동.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_parent">
// JavaScript parent.location.href = "http://blog.sangpire.pe.kr";
_blank
항상 새로운 창으로 이동.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_blank">
구체적인 이름
이 외에도 특정 이름을 갖은 창에 주소를 바꿀 수도 있다. 이때 해당 이름의 창이 존재하지 않으면 _blank 와 같이 새 창으로 링크가 열리게 된다.
<!-- HTML sub는 창 이름, 없을 경우 새창으로. --> <a href="http://blog.sangpire.pe.kr" target="sub">
어제 html파일을 하나 보게 되었다. 조금 복잡해 보이는... 그런데 뭔가 어색해서 자세히 살펴보니, DOCTYPE 이 정의되어 있지 않았다.
하지만 잘 된다.. 라고 생각.. 여기까지가 딱 나의 수준이다.
Doctype을 왜 붙여 주어야 하지? 라는 생각으로 Doctype에 대한 내용을 인터넷에서 이것 저것 살펴보았다. 우선은 책을 보니 다음과 같은 설명이..
DOCTYPE은 유효성 검사기가 어떤 규칙을 이용해서 이 문서에 대한 유효성 검사를 할지 결정할 수 있도록 합니다. - 웹 2.0을 이끄는 방탄 웹
나중에 추가로 알게 된 사실이지만, 이에 더하여 DOCTYPE은 웹 브라우저에서 해당 페이지를 어떻게 그려서 보여줄 지 판단하는 기준이 된다. "몇몇(=Some)" 브라우저는 DOCTYPE이 정의 되어 있지 않을 경우, Quicks 모드로 동작하게 되고, 그 모드에 따라서 페이지를 그려주는데... 제일 큰 문제는 안 그런 브라우저도 있고, Quicks모드도 동일하지 않다는 것. 따라서 모든 브라우저에서 비슷하게 보이도록 하기 위하여 DOCTYPE을 반드시 추가해야 한다는 거.. (물론, Quicks모드가 더 느리게 그려진다.. 등등 다른 이유도 있었다.)
문제는 여기서 끝나지 않았다. 그래서 코드에 DOCTYPE을 넣어 보려니, 이게 종류가 참 많다. 어떤 것을 넣어야 하는지는 사실 지금도 잘 모르겠다. 다음은, W3C에서 추천하는 DOCTYPE 들에 관한 내용.
Recommended DTDs to use in your Web document.
그리고 나름 내가 알아 보기 쉽게 설명된 사이트는,
위 내용을 살펴보니, HTML 4.01은 Strict, Transitional, Frameset 이렇게 3종류의 Doctype이 존재하고, 현재 내가 일하는 직장에서 가장 많이 쓰이고 있는 것이 바로 "HTML 4.01 Transitional" 이였다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
설명을 살펴보니,Strict 에 비하여 Deprecated 된 요소들을 사용할 수 있는 Doctype 이라고 한다. Deprecated 된 요소는 <basefont>, <center>, <font>, <s>, <strike>, <u>, <applet>, <dir>, <isindex>, <menu> 로써, 각각 스타일 시트(CSS)나, <oject>, <input>, <ul>등으로 대체해서 쓰도록 권장하고 있다.
살펴보니, 해당 요소들이 현재 페이지에서 사용될 필요가 없을 것 같아서, 난 W3C에서 추천해 주는 기본 형태를 사용하기로 결정 하였다.
기본 형태는 해당 페이지에도 나타나지만 굳이 쓰자면... 다음과 같다.
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>An XHTML 1.0 Strict standard template</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>
<p>… Your HTML content here …</p>
</body>
</html> 아.. 두서 없는 내용...~_~;