HTML 컨벤션

태그 작성할 때 속성(attribute)들의 순서는 필수는 아니지만, 가독성과 유지보수를 위해 일관성 있는 순서로 정리하는 게 좋아요. 많은 개발자들이 아래와 같은 순서를 따릅니다:

---

✅ 일반적으로 추천되는 select 태그 속성 순서:

1. id – 라벨 등과 연결할 때 중요
2. name – form 전송 시 중요
3. class – 스타일 적용
4. required, disabled 등 기타 속성
5. onchange 등 이벤트 핸들러

<select id="sortBy" name="sortBy" class="form-select" required onchange="handleChange(this)">

---

🔁 통일된 스타일을 위해:

HTML 전반적으로는 보통 아래와 같은 순서를 지키는 걸 추천:

1. id  
2. name  
3. type  
4. value  
5. class  
6. placeholder  
7. required / disabled  
8. event (onclick, onchange 등)

---