wulin.com html 튜토리얼 칼럼으로 돌아가려면 여기를 클릭하십시오.
위 : 1 장 목록
원래 소스
표준화 된 디자인 솔루션 -마크 업
및 스타일 핸드북 1 부 : 마크 업으로 마크 업으로 시작하십시오 2 장 제목 개요 :모든 웹 페이지에는 제목이 필요할뿐만 아니라 웹 디자인에 많은 색상을 추가 할 수 있으며 올바르게 표시되면 사용 편의성을 추가 할 수 있습니다.
외관 측면에서 웹 페이지의 제목은 일반적으로 더 큰 글꼴 크기이며 본문과 다른 색상이나 글꼴을 사용할 수 있습니다. 제목의 기능은 후속 장에서 논의 된 주제를 간단히 설명하는 것입니다. W3C는 이와 같이 설명합니다. 웹 페이지에 각 단락의 요약을 표시합니다.
가장 효과적인 사용을 제시하려는 정보를 만들기 위해 페이지 제목을 만드는 방법은 무엇입니까? 이 장에서는 타이틀을 다루는 몇 가지 일반적으로 사용되는 몇 가지 방법을 연구하고 가장 유용한 방법 중 하나를 찾아 보면 CSS 팁과 요령을 사용하여 최상의 방법을 장식합니다.
문서 제목을 만드는 가장 좋은 방법은 무엇입니까?이 질문에 대답하기 전에 제목이 이제 문서의 맨 위에 놓여 있다고 가정하고 비슷한 효과를 달성하는 세 가지 방법을 살펴 보겠습니다.
방법 A : 이해가 되나요?<span class = heading> 슈퍼 쿨 페이지 제목 </span>
<Span> 태그는 경우에 따라 편리한 태그이지만 페이지 제목에는 그다지 의미가 없습니다. 이 방법을 사용하면 유일한 장점은 텍스트가 제목처럼 보이도록 제목 클래스의 CSS 스타일을 지정할 수 있다는 것입니다.
. 헤드 {
글꼴 크기 : 24px;
글꼴 중량 : 대담한;
색상 : 파란색;
}
이제 제목으로 표시된 모든 헤더는 점점 커지고 두껍고 파란색이 될 것입니다. 그러나 누군가 CSS를 지원하지 않는 브라우저를 사용 하여이 페이지에 액세스 할 수 있으면 어떻게해야합니까?
예를 들어, CSS 스타일을 이전 브라우저에서 지원하지 않는 외부 스타일 시트 파일에 또는 화면에서 장애인 사용자의 페이지를 읽을 때 어떻게됩니까? 이 채널을 통해이 페이지에 액세스하는 사용자는 제목과 텍스트의 차이를 볼 수 없습니다.
Class = Heading과 같은 주석 메소드는 태그 내용의 의미를 약간 설명하지만 <Span>은 범용 컨테이너 일 뿐이며 대부분의 브라우저가 기본 디스플레이 스타일 만 변경할 수 있습니다.
검색 엔진 이이 페이지를 기어 다니면 <Span> 태그가없는 것처럼 태그를 건너 뛰고 포함될 수있는 키워드의 무게를 증가시키지 않습니다. 나중에이 장에서는 검색 엔진과 페이지 제목 간의 더 많은 관계가 언급 될 것입니다.
마지막으로, <span> 태그는 인라인 요소이므로, 메소드 A의 내용을 <p> 또는 <div>와 같은 다른 블록 레벨 컨테이너에 배치하여 단일 라인을 차지할 수 있습니다. 이것은 많은 불필요한 코드를 생성합니다. 필요한 컨테이너를 추가하더라도 CSS를 지원하지 않는 브라우저는 여전히 원래 방식으로 텍스트를 표시하므로 사용자는 제목과 신체의 차이를 볼 수 없습니다.
이전 페이지 1 2 3 4 5 다음 페이지 전체 텍스트 읽기