번역 : 아름다운 HTML 코드를 작성하는 방법

아름다운 HTML 코드는 아름다운 HTML 코드를 작성하는 방법처럼 보입니다.

외국인이 쓴 기사 : 아름다운 HTML 코드는 아름다운 HTML 코드를 작성하는 방법이 매우 좋습니다. 그것을 재 인쇄하고 당신과 공유하십시오.

PS : 원본 주소 : http://css-tricks.com/what-beautiful-html-code-looks-like/

헤드의 선언을 잊지 마십시오. 브라우저에 HTML 렌더링 방법을 알려줍니다.

제목, 문자 세트를 설정하십시오. CSS 및 JS 외부 링크 (인쇄 CSS 포함)를 구성하십시오.

몸에 신분증을주십시오. 여기에 언급 한 저자가 여러 페이지에 대한 중간 컨테이너를 선택하는 것을 용이하게하기 때문입니다. 예를 들어, Page1과 Page2에서 본문에 대해 다른 ID를 설정하면 #1 페이지 H2 및 #Page2 H2를 통해 두 가지 다른 효과를 설정할 수 있습니다. 나는 이것이 상황과 특정 구조를 사용하기 전에 특정 구조에 달려 있다고 생각합니다.

의미론과 일치하는 메뉴 코드를 작성하십시오.

<div id=menu>

<ul>

<li> <a href = index.php> home </a> </li>

<li> <a href = about.php> 정보 </a> </li>

<li> <a href = contact.php> contact </a> </li>

</ul>

</div>

추신 : 개인적으로 다음과 같은 코드를 작성하는 것이 더 쉽다고 생각합니다.

<ulid = 메뉴>

<li> <a href = index.php> home </a> </li>

<li> <a href = about.php> 정보 </a> </li>

<li> <a href = contact.php> contact </a> </li>

</ul>

모든 내용이 포함 된 본문 DIV가 있습니다. 몸의 너비, 여백 등을 고정시키는 데 편리합니다.

주요 내용을 먼저 작성한 다음 보조 콘텐츠를 작성하십시오. 탐색 또는 사이드 바가 그다지 중요하지 않은 경우 마지막에 작성하는 것이 가장 좋습니다.

PHP 포함과 같은 동적 통화를 통해 내비게이션 및 페이지 끝과 같은 일반적인 부분을 소개합니다.

들여 쓰기 코드

엔드 태그를 기록하십시오

단락을 나누기 위해 적절한 경우 <H1> ~ <H6>과 같은 제목 태그를 사용하십시오.

태그에 스타일을 쓰지 마십시오. HTML은 구조를 나타내는 데 사용됩니다. 성능을 CSS에 맡기겠습니다.