일부 HTML 코드 작성 스타일 제안 요약
- 高洛峰원래의
- 2017-02-21 13:43:061329검색
리소스 파일의 프로토콜 생략
이미지, 미디어 파일, 스타일 및 URL의 프로토콜 부분(http:, https:)을 생략하는 것이 좋습니다. 프로토콜을 생략하면 해당 섹션 이후의 리소스 파일이 페이지 URL의 프로토콜을 상속하게 됩니다. 이를 통해 혼합 콘텐츠 문제를 방지할 수 있을 뿐만 아니라 페이지 크기를 줄일 수도 있습니다.
h4, h5, h6 태그는 왜 거의 사용되지 않나요?
제목 태그에는 h1~h6이 포함됩니다. h1, h2, h3이지만 h4, h5, h6은 거의 사용하지 않습니다.
합리적으로 의미가 있고 과감하게 (레이아웃에 CSS를 사용하지 않고) 알몸으로 실행되는 웹사이트에서 제목 태그는 의미적인 의미를 가질 뿐만 아니라 , 스타일링 효과도 있습니다. 하지만 CSS가 대중화된 오늘날에는 실제로 h1과 h6을 사용하는 것이 큰 차이가 없으며 어쨌든 제목 태그로 외관을 사용할 수 있습니다. title 요소는 페이지에서 가중치가 높은 키워드를 나타내기 때문에 h4, h5, h6의 가중치는 높지 않고, 강한 것만큼 좋지도 않습니다. 및 em은 거의 사용되지 않는 것으로 추정됩니다.
h1 > h3 > tbody는 테이블 내용을 담는 데 사용되며, tfoot은 테이블 설명을 담는 데 사용됩니다. 실제로 이러한 태그는 필요하지 않습니다. > 브라우저는 일반적으로 테이블을 표시하기 전에 전체 테이블을 다운로드해야 하기 때문에 이는 테이블 레이아웃 시대의 사용자 읽기에 영향을 미치므로 이러한 태그는 테이블을 여러 테이블 부분으로 나누는 데 사용되며 다운로드된 부분은 또한 긴 표를 인쇄하기 위해 각 페이지마다 머리글과 바닥글을 표시할 수 있습니다.
선택 태그를 생략
사용합니다. Dreamwave 학생들은 HTML 파일을 생성할 때 기본 코드가 다음과 같다는 인상을 받아야 합니다.<html>
<head>
</head>
<body>
</body>
</html>
제목, 외부 CSS 및 JavaScript 참조를 헤드 영역에 배치하고 페이지에 표시 내용은 본문에 있지만 사실 html, head, body는 모두 생략 가능한 태그입니다.
이 선택적 태그를 삭제하고 나면 이상해 보이지만 페이지는 정상적으로 표시되고 W3C에서는 테스트는 통과할 수 있습니다. 제 블로그에서 이미 이 작업을 수행했습니다. 그러나 한 가지 주의할 점은 XHTML로 페이지를 작성하려면 html 태그를 유지해야 한다는 것입니다. 왜냐하면 여전히 다음 코드가 명령문으로 필요하기 때문입니다.<html xmlns="http://www.w3.org/1999/xhtml">
많은 사람들이 b 태그와 i 태그가 u 태그와 같은 운명을 가지고 있다고 생각하고 분류됩니다. 그러나 HTML5 사양에서는 이 두 태그를 사용하는 것이 여전히 권장됩니다. 나는 항상 이 사실을 알고 있었고 심지어 친구들과도 논쟁을 벌였습니다. 그러나 HTML5 사양에서 이를 정의하는 방법을 전혀 이해하지 못했습니다. HTML5.
hr 태그
hr은 콘텐츠를 구분하는 가로선입니다. 나는 항상 hr이 형편없는 것이라고 생각했습니다. 실제로 hr은 의미상으로 기사의 구분선으로, 기사의 맥락을 완전히 구분하여 관련성이 없게 만듭니다.
hr이 의미상이라는 점을 제외하면 많은 블로그 게시물에 나타나는 아래 그림의 구분선 페이지에서도 마찬가지이며 크롤러도 이를 이해할 수 있습니다.
우리는 버튼을 만들기 위해 태그를 사용하곤 했나요?
input type="button"이 아닙니다. 알겠습니다. IE 하위 버전에서는 호버 효과를 볼 수 없기 때문입니다. 그런데 왜 대신 태그인가요? a 태그가 href 없이 버튼으로 만들어지는거 맞나요? 예전에는 이런식으로 했는데.
Google의 HTML/CSS 코딩 스타일 가이드는 짧고 간결하게 코드 작성을 권장합니다. 매뉴얼은 매우 유용하지만 미신적인 내용은 없습니다. 들여쓰기를 위해 두 개의 공백을 사용하는 것이 좋습니다. 이는 많은 팀에서 가능하지 않을 수 있습니다.
매뉴얼에서는 많은 HTML 제안이 HTML5를 목표로 하지만 여기서는 XHTML 대신 HTML 스타일을 사용합니다. 많은 곳에서 코드의 생략은 실제로 코드의 가독성을 떨어뜨립니다. 모두가 자신의 선택에 따라 판단해야 합니다.
HTML 코드 작성 스타일에 대한 더 많은 관련 기사와 제안을 보려면 다음을 참조하세요. PHP 중국어 웹사이트!