HTML 교육 튜토리얼: 텍스트의 외관과 의미 변경
많은 태그가 텍스트의 외관을 변경하고, 텍스트와 숨겨진 의미를 연결할 수 있습니다. 일반적으로 이러한 태그는 두 가지로 나눌 수 있습니다: 컨텐츠 기반 스타일(content-based style)과 물리 스타일(physical style)
또한, W3C가 캐시드 스타일 시트(CSS)로 지정한 표준은 대부분의 브라우저에서 지원되고 있습니다. 이는 작성자가 문서 텍스트의 외관과 레이아웃을 더 전체적으로 제어할 수 있는 방법을 제공합니다. CSS에 대해 더 알고 싶다면, W3school에서 제공하는 CSS 강의。
컨텐츠 기반 스타일
내용 기반 스타일 태그는 브라우저에 포함된 텍스트가 특정 의미, 컨텍스트 또는 사용 방식을 가지고 있다는 것을 알립니다. 그런 다음 브라우저는 이러한 의미, 컨텍스트 또는 사용 방식과 일치하는 형식을 텍스트에 적용합니다. 이 차이점을 주의하세요. 내용 기반 태그는 의미를 부여하는 것이 아니라 포맷을 부여합니다. 따라서 이들은 자동 처리에 매우 중요합니다. 컴퓨터는 문서의 외관에 대해 관심이 없습니다.
문자 스타일은 의미를 통해 지정되기 때문에, 브라우저는 사용자에게 적합한 표시 스타일을 선택할 수 있습니다. 다양한 장소에서 스타일이 다양하기 때문에, 내용 기반 스타일을 사용하여 자신의 문서가 넓은 범위의 독자에게 의미가 있도록 보장할 수 있습니다. 이는 특히 시각 장애인이나 장애인을 위한 브라우저에서 매우 중요합니다. 이들은 우리의 전통적인 텍스트와는 근본적으로 다르거나, 특정 방면에서 매우 제한적일 수 있습니다.
현재 HTML과 XHTML 표준은 모든 내용 기반 태그에 대해 특정한 형식을 정의하지 않습니다. 그들은 내용 기반 스타일을 일반 텍스트와 다른 방식으로 표시해야 한다는 것만 규정합니다. 표준은 이러한 내용 기반 스타일이 서로 다른 방식으로 표시되어야 한다는 것도 요구하지 않습니다. 실제 사용에서는 많은 이러한 태그가 전통적인 인쇄와 매우 명확한 관계를 가지고 있으며, 유사한 의미와 표시 스타일을 가지고 있으며, 대부분의 브라우저에서 같은 스타일과 글꼴로 표시됩니다.
HTML/XHTML 내용 기반 스타일 태그를 사용할 때는 일련의 규칙을 따르는 것이 중요합니다. 단순히 텍스트가 어떻게 표시되는지 생각하는 것만으로도 텍스트의 의미를 알지 않아도 쉽게 됩니다. 내용 기반 스타일을 사용하기 시작하면 문서가 더 일관되고, 자동 검색과 내용 편집을 더 잘 지원할 수 있습니다. 이러한 태그는 다음과 같습니다:
물리적인 스타일
내용 기반 스타일 태그에 대해 논의할 때, 우리는 종종 '의도'라는 단어를 사용합니다. 이는 태그가 전달하는 의미가 브라우저가 텍스트를 표시하는 방식보다 더 중요하기 때문입니다. 그러나 일부 경우에는 법적이거나 저작권 등의 이유로 특정 방식으로 텍스트를 표시하고 싶을 수 있습니다(예: 기울임이나 강조 효과). 이 경우에는 텍스트에 물리적인 스타일을 적용할 수 있습니다.
다른 문서 처리 시스템의 트렌드는 스타일과 외관을 정확하게 제어하는 것이지만, HTML이나 XHTML을 사용할 때는, 매우 드문 경우를 제외하고는 물리적인 태그를 사용하지 않아야 합니다. 브라우저에 가능한 한 많은 컨텍스트 정보를 제공하고, 내용 기반 스타일을 사용해야 합니다. 현재 브라우저는 이러한 내용 기반 스타일을 기울임이나 강조 효과로 표시하지만, 앞으로의 브라우저와 여러 문서 생성 도구는 매우 창의적인 방식으로 이러한 내용 기반 스타일을 활용할 수 있습니다.
현재 HTML/XHTML 표준은 총 9 가지 물리적 스타일을 제공하며, 강조(bold), 기울임(italic), 고정폭(monospaced), 하이라이팅(underlined), 지우기(strikethrough), 확대(larger), 축소(smaller), 상단 스크립트(superscripted), 하단 스크립트(subscripted) 텍스트를 포함합니다. 이 태그는 다음과 같습니다:
ヒント:이 물리적 스타일 태그는 즉시 연속된 텍스트에 강력한 효과를 미칩니다. 전체 문서에서 텍스트 표시를 완전히 제어하려면 스타일 시트를 사용하십시오.
