최신 웹 개발 튜토리얼
 

웹 품질


최신 웹 표준을 사용하여 웹 사이트의 품질을 향상시킨다.


HTML 5를 사용하여

최신 HTML5 표준 페이지를 작성, 당신은 완벽에 가능한 한 가깝게 제공합니다.

모든 HTML 페이지가 준수하는 HTML 버전을 정의하는 <! DOCTYPE> 요소를 포함해야합니다.

DOCTYPE은 지속적으로 더 빠르고 페이지를 렌더링 할 수 있도록 브라우저에 중요한 정보를 제공합니다.

DOCTYPE 선언은 페이지의 구문을 확인하기 위해 소프트웨어의 유효성을 검사 할 수 있습니다 :

<!DOCTYPE html>

별도의 CSS 파일을 사용하여

캐스 케이 딩 스타일 시트 (CSS)를 사용하여 품질의 웹 페이지에 스타일 콘텐츠를 분리하는 바람직한 방법입니다.

CSS를 사용하여 웹 사이트의 품질을 향상시키고 다양한 브라우저 가독성을 증가시킨다.

스타일 (크기, 글꼴, 색상 등)은 별도의 CSS 파일에 웹 페이지 외부에 설정해야합니다.Using a separate CSS file will also greatly reduce your web site development costs. 별도의 CSS 파일을 사용하여도 크게 웹 사이트 개발 비용을 줄일 수 있습니다.

별도의 CSS 파일을 사용하면 한 줄의 코드를 다시 작성하여 HTML 요소의 스타일을 변경할 수 있습니다.If you have used CSS inside your pages, you will have to edit all these pages. 당신이 당신의 페이지 내에서 CSS를 사용한 경우, 당신은 모든 페이지를 편집해야합니다.


웹 검증

발리는 웹 표준에 대한 귀하의 웹 페이지를 확인할 수있는 소프트웨어 프로그램입니다.

HTML 및 CSS 문서를 확인하는 유효성 검사기를 사용하는 경우, 유효성 검사기는 선택한 기준에 따라, 발견 된 오류의 목록을 반환합니다.

당신이 그것을 게시하기 전에 모든 웹 페이지를 확인하는 습관이 있는지 확인합니다.


제목 요소

는 <TITLE> 요소는 HTML 가장 중요한 요소 중 하나이다.Its main function is to describe the content of a web page. 그 주요 기능은 웹 페이지의 내용을 설명하는 것이다.

제목은 웹 페이지의 보이는 부분이 아닌 경우에도, 그것은 당신의 웹 사이트 때문에 품질에 중요하다 :

  • 그것은 검색 엔진 목록에 표시됩니다
  • 이 브라우저의 제목 표시 줄에 표시됩니다
  • 이것은 사용자의 북마크에 표시 될

제목은 가능한 한 짧게하고 설명해야한다.

제목은 사용자가 찾고있는 내용과 일치하는지 확인합니다.Then it is more likely the user will click on the link to visit your web site. 그런 다음 사용자가 웹 사이트를 방문하려면 링크를 클릭 할 가능성이 높습니다.

좋은 제목 예 :

<제목> HTML 자습서 </ 제목>

<제목> XML 소개 </ 제목>

나쁜 제목 예 :

<제목> 소개 </ 제목>

<제목> 제 1 장 </ 제목>

<제목> w3ii는 수상 경력이 잘 HTML을 이해하기 위해 조직, 쉬운의 컬렉션을 가지고, CSS, 자바 스크립트, 작업 예제 및 소스 코드의 많은 XML, 및 SQL 자습서.</title> </ 제목>


요소 제목

는 <H1> 요소는 웹 페이지의 메인 호를 설명하는 데 사용된다.

일부 웹 브라우저는 기본적으로 매우 큰 폰트의 <H1> 요소를 표시하기 때문에, 일부 웹 개발자는 주 제목의 <H1> 요소 대신 <H2> 요소를 사용합니다.This will confuse most search engines and other software that will try to "understand" the structure of the web page. 이는 웹 페이지의 구조를 "이해"하려고 할 대부분의 검색 엔진 및 기타 소프트웨어를 혼동한다.

낮은 수준의 제목에 대한 주요 제목에 대한 <H1> 및 <H2>와 <H3> 사용.

이 템플릿 후 제목을 구성하려고합니다 :

홈페이지 제목

일부 초기 텍스트

레벨 2 호

이 텍스트입니다.This is some text. 이 텍스트입니다.이 텍스트입니다.

레벨 3 호

이 텍스트입니다.This is some text. 이 텍스트입니다.이 텍스트입니다.

당신은 헤더에 대한 기본 크기를 좋아하지 않는 경우에, 그것을 변경하는 CSS를 사용합니다.


문자 집합

(1996 년 이후) 모든 W3C 표준은 유니 코드 (ISO 10646)라는 내부 문자 세트를 정의합니다.

모든 최신 웹 브라우저는 내부적으로 설정이 문자를 사용하고 있습니다.Most documents transmitted over the Internet do not use the Unicode character set. 인터넷을 통해 전송 된 대부분의 문서는 유니 코드 문자 집합을 사용하지 마십시오.

이것 때문에, 브라우저와 서버 사이의 통신에 사용되는 문자 집합에 대해 동의 할 수있는 방법이 있어야합니다.

적절한 문자 세트와 각 문서에 레이블, 웹 사이트의 품질에 대한 중요하다.

당신의 HTML 페이지의 경우, 항상 <헤드> 요소 내에 다음 메타 요소를 사용 :

<meta charset="x">

당신이 ISO-8859-1, UTF-8, UTF-16과 같이, 사용하고자하는 문자 세트와 X를 교체합니다.


날짜 형식

"04-03-02"와 같은 날짜를 사용하지 마십시오.

날짜는 위 또한 3 월 2002 년 4 또는 4 월 2002 년에도 3을 의미 할 수 있었다 3 월 2004 년 2 위를 의미 할 수 있습니다.

국제 표준기구 (ISO)는 yyyy는 연도이고, mm은 월, DD는 일이다 "YYYY-MM-DD"같은 날짜에 대한 국제 형식을 정의하고있다.

이 ISO 형식을 사용하면 대부분의 방문자가 날짜를 이해하는 기대할 수 있습니다.