미국의 잇걸들 사이에서 한 동안 '칼발 성형'이라는 것이 유행했다. '칼발 성형'은 볼이 좁은 유명 구두를 신기 위해 발의 뼈를 깍아 내는 성형이다. 우리나라 또한 유행하는 하이힐은 젊은 여성의 '필수 신상(신상품)'이라 불리며 출시되는 족족 팔려나가고 있다. 문제는 이때문에 발이 엄청난 스트레스를 받게 되었다는 것이다.
발의 모양이 변하는 무지외반증, 발목을 자꾸 삐는 발목 염좌 등이 하이힐을 신고 난 뒤 생기는 질환의 주범이다. 하이힐은 체중을 앞으로 몰리게 할 뿐 아니라 볼이 좋은 탓에 하중을 더 크게 한다. 때문에 편안한 신발을 신을 때와는 달리 발에 이상이 생길 위험이 크다. 하지만 무지외반증환자의 절반은 유전적으로 타고나는데 발목을 자꾸 삐는 것은 하이힐보다 발목에 문제가 있는 경우도 많다.
이러한 발목 문제로 인하여 족부질환까지 초래하는 경우도 있다고 합니다.
일반적인 문서 작업에서 상단에 가장 먼저 쓰는 것은 큰 제목과 소제목입니다. 문서 내에서 큰 줄기가 되는 부분을 제목으로 처리할 때 쓰는 요소는 <h> 요소입니다. <h>요소는 <h1> 부터 <h6>까지 사용할 수있습니다. 실습 내에서 확인하는 큰 제목을 확인할 경우 <h1>이 가장 큰 제목이고, 그 다음 순서대로 <h2>로 내려가는 것을 볼 수 있습니다.
웹 표준 문서 작업시, <h1>는 마크업해 주어야 하는데, 웹 문서의 <h1>는 보통 회사나 단체의 상호명으로 처리합니다. 마크업시 <h1> 다음에는 <h2<가 와야 하며 <h3>가 올 수는 없습니다. 내용의 흐름이나 중요도에 따라서 제목을 정의할 수 있습니다. <h1>부터 <h6> 블록 요소이며 텍스트나 인라인 요소를 포함할 수 있지만, 블록 요소는 포함할 수 없습니다.
단락을 정의하는 태그는 <p>입니다. 문장과 같은 텍스트들은 인라인 요소의 성질을 가지고 있기 때문에 앞에서 언급했듯이 단독으로 쓰지 않고 보통 <p>요소 안에 포함시켜야 합니다. 단락 내에서는 엔터를 치더라도 <p>를 치지 않으면 출력화면상에는 한 줄로 표시됩니다. 만약, 자체적으로 문장을 띄우기 위해서는 <br> 마크업을 적용해야 합니다.
웹 문서 하단에 보면 문서와 관련된 연락처, 주소, 전화번호, 저작권 등에 관련된 내용을 확인할 수 있습니다. 이러한 문서의 연락처 정보를 나타내는 요소가 주소 요소입니다. 주소는 블록 요소이며 텍스트와 인라인 요소는 포함할 수 있지만 블록요소는 포함할 수 없습니다. 구분선에서 확인할 수 있는 방법은 <hr>태그입니다.
HTML DTD 선언문은 다양한 브라우저들에서 마크업에 대한 일관된 화면 표시가 될 수 있도록 표시하는 기능을 가지고 있습니다. 문서형 정의 종류는 상황에 따라서 차이가 발생합니다. HTML 4.0으로 제작할 때 문서형 선언, XHTML 1.0으로 제작할 때 문서형 선언, XHTML 1.1 문서형 선언에 따라 차이가 발생합니다. DTD 선언문을 조금 더 자세하게 알아보도록 하겠습니다.
<!DOCTYPE ... dtd>는 굳이 외워서 진행할 필요는 없습니다. 보통 에디터 플러스와 같은 웹 에디터에서 자동으로 설정하여 나오게 할 수 있기 때문입니다. 1~3편까지 XHTML 문서의 기본적인 내용을 설명하였습니다. 웹 표준 문서 제작에 필요한 기본 내용이기 때문에, 반드시 알아야 합니다.
웹 표준 마크업시 필요한 태그를 하나씩 알아보도록 하겠습니다. 그전에 반드시 알아야 하는 것이 유형과 성질입니다. 요소의 유형은 블록 요소와 인라인 요소가 존재하고 있습니다. 블록요소는 마크업시 줄 바꿈이 일어나느 성질을 나타납니다. 실습 화면에 확인하며 결과화면에 따라 각 요소에 대해서 한 줄씩 출력되는 것을 확인할 수 있습니다. 실습 내에 표시되었던 블록의 성질을 가지고 있어서 화면상 줄바꿈 현상이 나타나기 때문입니다. 실제 블록 요소의 모양을 빨간색으로 모양을 확인할 수 있는데, 블록 요소와 블록 요소 사이는 흰색 바탕이 기본 여백입니다.
인라인 요소는 블록요소와 다르게 줄바꿈 성질은 따로 없습니다. 블록요소처럼 행이 바뀌지 않고 한 줄로 출력되게끔 구성되어 있습니다. 인라인 요소 안에는 텍스트와 인라인 요소를 포함할 수 있습니다. 인라인 요소는 블랙 요소를 포함할 수 없습니다. 인라인 요소와 텍스트는 블록 요소 안에 포함되어야 합니다.
일반적으로 사용하는 XHTML 1.0 기본 문서 구조를 통해서 알아볼 수 있습니다. <!DOCTYPE ..은 현재 문서 타입이 무엇인지를 알려주는 브라우저에게 알려줍니다. 이 부분은 DTD 선언문에서 자세하게 알아보도록 하겠습니다. HTML 요사 안에는 HEAD 요소와 BODY 요소로 구성되어 있습니다. HEAD 요소 안에는 meta, title, link script, stype 과 같은 요소들이 올 수 있습니다.
META는 문서의 설명, 키워드, 저자 등을 지정할 수 있습니다. title은 문서의 제목을 지정할 수 있습니다. link는 일반적으로 외부의 CSS 파일을 연결할 때 사용할 수 있습니다. script는 주로 자바스크립트를 선언할 때 사용합니다. style은 문서 내에서 직접 스타일을 정의할 수 있습니다.
XHTML은 네임 스페이스라는 것을 꼭 지정해주어야 합니다. HTML 태그 안에 있는xmlns="http://www.w3.org/1999/xhtml 속성이 바로 네임 스페이스 부분입니다. 옆에 있는 lang="ko" xml:lan="ko"는 언어는 한국어라는 뜻입니다.
meta 태그를 보면 charset=UTF-8로 지정한 부분이 있습니다. charset은 character set의 약어로 문자 조합을 의미합니다. UTF-8은 모든 언어 문자 및 특수 문자를 표한할 수 있어 다국어 환경에 적합합니다. 또한 여기에서 중요한 점은 charset을 UTF-8로 설정할 경우, 문서를 저장할 때에도 반드시 인코딩 옵션을 UTF-8로 지정하고 저장해야 합니다. 그렇지 않으면 글자가 깨지는 현상이 발생할 수 있습니다.
DTD 선언은 Document Type Definition은 선언문인 <!DOCTYPE..., dtd> 부분의 역할은 이 문서는 여기서 정해놓은 규칙에 따라 마크업한다라는 것을 의미합니다. 다양한 브라우저들에서 마크업에 대한 일관된 화면 표시가 될 수 있도록 도와줍니다. 자세한 내용은 다음에 다시 알아보도록 하겠습니다.