웹 품질 - 스타일시트

스타일 시트를 사용하는 것은 웹페이지 품질을 향상시키는 데 매우 중요합니다.

font 태그를 사용하지 마세요

웹페이지에 나타내는 글꼴 크기를 설정하는 데는 CSS를 사용해야 합니다. font 태그를 사용하지 마세요.

<font> 태그를 사용하면 문서의 규모가 증가하며, 항상 표준 글꼴 크기를 변경하는 작업이 꿈쫓기가 됩니다.

다음과 같은 상황을 상상해 보세요:

하루에 웹사이트에서 모든 제목의 색상과 크기를 수정하는 것을 결정했습니다. CSS를 사용하면 이를 한 줄로 수정할 수 있습니다. <font> 태그를 사용한 경우, 웹사이트의 모든 페이지의 모든 제목을 수정해야 합니다.

스타일을 사용하여 <font> 태그를 대체하면 웹페이지의 높은 품질 인터페이스를 만들기가 더 쉬워집니다.

고정된 글꼴 크기를 사용하지 마십시오

고정된 크기 값을 사용하지 마십시오. 항상 상대적인 크기 값을 사용하십시오.

이 제안의 가장 중요한 이유는 브라우저를 통해 고정된 크기를 조정할 수 없다는 것입니다.

방문자는 다른 장치(디스플레이), 다른 브라우저 환경(광선) 및 가능한 장애인(약시력)을 사용할 수 있습니다.

예를 들어, 누군가의 텍스트 크기를 100%(또는 중간)으로 설정하고, 주 제목을 140%(또는 큰)으로 설정하고, 부제목을 120%(또는 큰)으로 설정하면 사용자는 브라우저를 통해最喜欢的 크기를 설정할 수 있습니다.

웹 페이지의 텍스트 크기를 조정하는 기능을 통해 인쇄 페이지의 텍스트 수도 변경할 수 있습니다.

기본 글꼴 크기를 너무 작게 사용하지 마십시오

일부 웹 사이트는 매우 작은 글자 크기를 사용하여 페이지에 더 많은 내용을 넣거나 페이지가 더 '스타일리시' 보이게 합니다.

다시 말해, 다른 장치(ディ스플레이), 다른 브라우저 환경(광선), 그리고 가능한 장애인(약시력)은 사용자에게 읽기 장애를 일으킬 수 있습니다.

사용자가 매번 사이트를 방문할 때마다 텍스트 크기를 확대하도록 강요하지 마십시오.

일관된 배경 색상을 사용하십시오

대부분의 웹 페이지는 다른 텍스트 요소에 대해 색상을 사용합니다. 제목과 링크의 색상은 일반 텍스트의 색상과 다릅니다.

웹 디자이너로서, 방문자가 기본 색상 옵션을 변경할 수 있다는 점을 인식해야 합니다.

웹 요소에 색상을 정의하면 배경 색상도 정의해야 합니다.

배경 색상을 정의하지 않으면 웹 사이트가 나쁜 색상 조합에 의해 망가질 수 있습니다. (예: 빨간 배경 위의 밝은 빨간 글자, 또는 검은 텍스트와 검은 배경의 조합)

배경 색상을 지정하지 않으면 텍스트가 인식하기 어려울 수 있습니다.