나는 내 HTML이 솔직히 말해서 매우 까다 롭다는 것을 발견했다. 작고 간단한 페이지는 괜찮습니다. 그러나 들여 쓰기와 내가 가지고있는 태그 종류 사이에는 줄이 짧아지는 것이 불가능합니다. 깨끗하고 유지 보수가 쉬운 HTML을위한 W3C (또는 공식적으로 또는 잘 받아 들여지는) 포맷 가이드가 있습니까? 그렇지 않은 경우 커뮤니티가 제공 할 수있는 제안은 무엇입니까?HTML 용 스타일 가이드가 있습니까?
제 조언은 걱정하지 않는 것입니다. 대부분의 언어와 달리 HTML과 XML은 프로그래머가 원하는 스타일을 다시 들여 쓰기가 거의 쉽지 않습니다. HTML에서는 width-2 탭을 사용하고 편집기 창 가장자리를 벗어나는 섹션을 정기적으로 사용합니다. 실제로 문서의 들여 쓰기 섹션을 건너 뛰지 않는 한이를 피할 방법이 없습니다.
필자는 올바르게 들여 쓰기 만하고 줄의 길이는 걱정하지 않아도됩니다.
템플릿 시스템을 사용하는 경우보기에 내용이 없기 때문에 선에는 변수와 태그 만 있습니다.
기본적으로 가능한 한 많은 HTML을 유지하십시오. 문제가 발생하지 않습니다.
필자는 일반적으로 모든 "블록"유형 요소를 새 줄에 넣고 매번 들여 쓰기를합니다. 짧은 양의 코드가있는 경우에도 요소가 변경되는 위치에 도움이됩니다. 내가 같은 줄에 유지하는 유일한 항목은 굵은 이탤릭체 태그와 나는 코드의 작은 덩어리를 포맷하고있어 가끔 사업부 및 스팬 태그, 그래서 당신은 무언가 같이 볼 것 : 내가 사용
<p>
This is my <b>fancy</b> code block of text here. This will
typically wrap forever and <div class="SarcasticStyle">EVER</div> until
I run out of things to say.
<br/>
Yeah, I think that's it.
</p>
내 HTML에서 공백에 대해 매우 엄격해야합니다 (들여 쓰기의 각 수준에 대해 2 칸, 탭 없음, 중간에 공백이있는 그룹 섹션 등). 그래도 더 많은 서버 측 프로그래밍을 시작한 후에는 형식을 올바르게 유지하는 것이 더 어려워지고 어려워졌습니다. Dreamweaver는이 문제로 유명합니다. 앱이 탭 문자를 사용하지 못하게되어 다른 텍스트 편집기에서 소스가 다르게 보입니다.
나는 그다지 걱정하지 않고 단순히 현재 작업하고있는 마크 업 비트를 개선하려고 노력했습니다. 들여 쓰기는 HTML보다 프로그래밍 언어에서 훨씬 더 큰 거래처럼 보입니다.
나는 당신이 선택한 답변에 동의해야합니다. 너 은이 너의 html이 어떻게 생겼는지 걱정해야한다. 모든 멋진 아이디어가 나와서 개발자들은 html에 대해 신중하지 않아 보인다. 결과 html은 브라우저에 출력됩니다 귀하의 웹 사이트에 대한 접근성과 검색 엔진 최적화에 상당한 영향을 미칩니다. 웹 사이트를 구축하는 사람이 얼마나되는지 <label> 태그는 무엇을 알고 있습니까? 화면 판독기를 통해 웹을 "보는"시각 장애인에게 매우 중요한 양식 요소에 레이블을 연결합니다.
여러분의 HTML 코드가 너무 깊게 중첩 된 경우 약 10 개 이상의 들여 쓰기 수준이 필요합니다. 실제로 프로그램 코드가 그런 식으로 생각한 것처럼 설계를 리팩터링해야합니다.
진정한 질문으로 돌아 가면, 한 가지 규칙을 기억하면 html을 멋지게 보이게하는 것이 쉽습니다. 태그를 여러 줄로 나눕니다. 예를 들어 <a> 태그를 사용하십시오. 당신이 URL 자체에 대해 많은 것을 할 수없는 것은 사실이지만, bit.ly 같은 단축 서비스를 사용하여 외부는 다음과 같이 여러 줄에 태그를 휴식 :
<a href="http://rads.stackoverflow.com/amzn/click/1430209879"More Joel on Software: Further Thoughts on Diverse and
Occasionally Related Matters That Will Prove of Interest to
Software Developers, Designers, and ... Luck, Work with Them
in Some Capacity (Pro) (Paperback)">Another Joel on Software book</a>
당신은 또한 할 것입니다 방법으로 볼 수 HTML 서식이 자동으로 적용됩니다.tidy ui 및 htmltrim과 같은 독립 실행 형 응용 프로그램을 사용하거나 응용 프로그램과 통합 할 수있는 htmltidy 라이브러리를 얻을 수 있습니다.
나는 그것을 두려워했다. 형식이 잘못 지정된 코드는 나를 괴롭힌다. 나는 그걸로 살아가는 법을 배울 것입니다. –
형식이 잘못되어 있지 않습니다. C 스타일의 언어에 깊은 들여 쓰기는 잘못된 분해/디자인의 증상이지만 HTML *은 리팩토링 할 수 없으므로 큰 들여 쓰기는 피할 수없는 큰 문서 구조의 결과입니다. –
아, 그건 좋은 지적입니다. –