아주 오래된 웹 사이트를보고 HTML 내부에서 비정상적인 태그를 보았습니까? 몇 년 전, 웹 디자이너는 실제로 HTML 자체 내부에 웹 페이지의 글꼴을 설정했지만 구조 (HTML)와 스타일 (CSS)의 분리는 이전에이 방법을 사용하지 않았습니다.
오늘 웹 디자인에서 태그는 더 이상 사용되지 않습니다. 즉, 태그가 더 이상 HTML 사양의 일부가 아닙니다. 일부 브라우저는이 태그가 지원되지 않는 이후에도 계속 지원했지만 HTML5에서는 더 이상 지원되지 않습니다. 이는 HTML의 최신 반복입니다. 즉, 태그가 HTML 문서에서 더 이상 발견되지 않아야합니다.
글꼴 태그의 대안
태그가있는 HTML 페이지 안의 텍스트 글꼴을 설정할 수 없다면 무엇을 사용해야합니까? 계단식 스타일 시트 (CSS)는 오늘날 웹 사이트에서 글꼴 스타일 (및 모든 비주얼 스타일)을 설정하는 방법입니다. CSS는 태그가 할 수있는 것과 동일한 모든 일을 할 수 있습니다. 태그가 HTML 페이지의 옵션 일 때 태그가 할 수있는 일을 검토해 봅시다. (더 이상 지원되지 않으므로 옵션이 아닙니다.) CSS와 비교하는 방법을 비교하십시오.
글꼴 패밀리 변경하기
폰트 페이스는 폰트의면 또는 패밀리입니다. font 태그를 사용하면 "face"속성을 사용할 것이므로 텍스트의 각 섹션에 대해 개별 글꼴을 설정하기 위해 문서 전체에 여러 번이 글꼴을 배치해야합니다. 해당 글꼴을 크게 변경해야한다면이 개별 태그를 모두 변경해야합니다. 예 :
이 글꼴은 sans-serif가 아닙니다.글꼴 "face"대신에 CSS에서는 "family"라는 글꼴을 사용합니다. 글꼴을 설정할 CSS 스타일을 작성합니다. 예를 들어, 페이지의 모든 텍스트를 Garamond로 설정하려면 다음과 같은 비주얼 스타일을 추가 할 수 있습니다.
body {font-family : Garamond, Times, serif; }이 CSS 스타일은 Garamond의 글꼴 패밀리를 웹 페이지의 모든 요소에 적용합니다. 문서의 모든 요소는
글꼴 색 변경하기
얼굴과 마찬가지로 "색상"속성과 16 진수 코드 또는 색상 이름을 사용하여 텍스트 색상을 변경합니다. 몇 년 전만해도 헤더 태그와 같은 텍스트 요소에 대해 개별적으로 설정해야했습니다.
이 글꼴은 보라색이다.오늘, 당신은 CSS의 라인을 작성합니다.
이것은 훨씬 더 유연합니다. 당신이
사이트의 모든 페이지에서 CSS 파일을 한 번 변경하면 해당 파일을 사용하는 모든 페이지가 업데이트됩니다.
옛 것과 함께
CSS를 사용하여 비주얼 스타일을 지정하는 것은 오랜 세월 웹 디자이너의 표준이었습니다. 따라서 여전히 태그를 사용하는 페이지를보고 있다면 매우 오래된 페이지이며 현재 웹에 맞게 재개발해야합니다. 모범 사례 및 현대 웹 표준을 디자인합니다.
제레미 지라드 편집