최신 웹 표준을 사용하여 웹 사이트의 품질을 향상시킨다.
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 형식을 사용하면 대부분의 방문자가 날짜를 이해하는 기대할 수 있습니다.