숙련 된 사람들의 HTML 글쓰기의 스타일과 이유 분석

가장 일반적으로 사용되지 않은 목록으로 내비게이션을 작성하는 이유는 분명합니다. 링크 열을 나타냅니다. 그 자체로 목록 레이블을 선택할 충분한 이유가 있습니다. 그러나 목록 목록의 기본 스타일을보다 의미있게 만들기 위해 제거해야합니다.

또 다른 이점은 상상력을 초과 할 수 있습니다. 목록 목록을 작성하고 링크를 추가합니다. CSS를 사용하여 목록 목록에서 일련의 요소의 정의를 제어하십시오.

 <ul> <li> <a href =#> 수집 및 공유 </a> </li> </ul>

이 문제에 대해 함께 논의 할 수 있습니다. 다른 더 나은 방법이 있으면 알려주십시오. 개인적으로, 나는 다음 코드로 길 (빵 부스러기)을 쓰는 것을 선호합니다. (그러나 나는 종종 기호를 사용하지 않습니다).

 <p id = breadcrumbs> <a href =#> home </a>»<a href =#> 우리에 대해 </a> </p>

웹 사이트 경로 (빵 부스러기)는 특정 페이지에서 계층 적 관계를 맺고 있습니다. 이론적으로, 목록은 계층 적 관계를 표시하기 위해 중첩되어야하지만 목록 목록에 항목이 하나만 있으면이 상황을 어떻게 보십니까? 나는 개인적으로 웹 페이지 경로 (빵 부스러기)를 연속으로 표시해야한다고 생각합니다.

마지막으로 입력 유형 = 제출을 사용했을 때를 기억할 수는 없지만 오래 전에 이렇게 사용하지 않았습니다. 두 가지 이유가 있습니다. 버튼 요소가 유형 = 제출을 입력하고 Botton이 고유 한 요소입니다. 코드에서 Botton은 식별하기 쉽고 CSS로 쉽게 정의 할 수 있습니다 (모든 오래된 버전의 브라우저 가이 요소 태그 속성을 지원하는 것은 아닙니다). 또한 우리는 그 안에 다른 태그 요소를 쓸 수 있으므로 가소성 가능성을 확장 할 수 있습니다.

 <버튼 유형 = 제출> 제출 양식 </button>

목록 목록은 정말 훌륭합니다! 각각 고유 한 용도가있는 3 가지 유형 (주문, 변수 및 정의 된 목록)이 있습니다. 아마도 당신은 주문한 목록 (OL)을 언제 사용 해야하는지에 대한 의문이있을 수 있으며,이를 사용하는시기에 맞지 않기 때문에 순서가없는 목록 (UL)을 사용하는시기 (UL). 메시지를 남기는 것은 시간 순서대로 깔끔하게 배열되어 자연스럽게 위로 정렬하는 교과서의 예와 비슷합니다. 각 주석은 고정 시간에 해당하므로 주석 구조는 주문 목록 (OL)에 있어야합니다.

 <ol> <li> <ul> <li> <img src = the-gravatar.gif alt = 저자의 이름/>> </li> <li> <a href = url-to-authors-homepage.html> 저자의 이름 </a> </li> date-here </ul> <div> </li> </li> </li> </li>

인레이 라벨/입력 외부의 상위 구조는 어떤 레이블 요소가 최선의 선택입니까?

 <label for = contactname> 당신의 이름 < /label> <입력 유형 = 텍스트 이름 = contactname id = contactname />

적절한 태그 코드를 사용하는 것은 이전에 가능했지만 이제는 여전히 Div to Mosaic 레이블/입력, 레이블 및 관련 레이블을 전체적으로 사용하기로 결정했습니다. DIV 요소는 광범위한 시맨틱 특성을 가지며 모든 상황에 적응할 수 있습니다.

 <div> <label for = contactName> 이름 </label> <입력 유형 = 텍스트 이름 = contactname id = contactName/> </div>