1. 속성 이름은 언제나 소문자로!
2. <b>보다는 <strong> 태그를 사용하자
의미에 맞게 사용하는 것이 좋음 (검색 엔진이 읽기 쉽도록)
3. <input type="submit">과 <button>의 차이?
button 태그 안은 마음껏 꾸밀 수 있지만, input에는 value 값에 문자열만 쓸 수 있다.
4. <select>태그로 만들면 제약이 많아 잘 쓰지 않음
5. <colgroup> 안에 컬럼 개수만큼 <col>을 선언하여 컬럼 별로 그룹핑
6. <iframe> 다른 HTML 페이지를 현재 페이지 안에 집어넣을 수 있음
7. 쓰지 않는 게 좋은 태그들: 태그 자체가 의미를 가지지 않고 형태를 가지기 위해서 만들어졌기 때문
- <b>: 볼드로 표시
- <u>: 밑줄 표시
- <I>: 이탤릭체로 표시
- <center>: 감싸진 컨텐츠를 화면 중앙으로 정렬
- <font>: 글자의 글꼴을 변경
8. jquery가 처음에 선풍적인 인기를 끌었던 이유가 css와 동일한 선택자를 사용할 수 있어서... 현재는 거의 안씀
9. 하위선택자와 자식선택자
section ul: 하위선택자, 섹션 밑에 있는 모든 ul
section > ul: 자식선택자, section 바로 밑에 있는 ul
10. OOCSS
1) 클래스로서 추상화
2) 컨테이너와 컴포넌트를 분리하기
HTML 추가로 보면 좋을 글
기술소개 - 생활코딩
기술소개 2015-12-05 10:55:56
opentutorials.org
특수기호 나열된 공식 페이지
HTML Standard
HTMLLiving Standard — Last Updated 12 June 2023 ← 13.2 Parsing HTML documents — Table of Contents — 14 The XML syntax → 13.5 Named character references 13.5 Named character references This table lists the character reference names that are suppor
html.spec.whatwg.org
'HTML & CSS' 카테고리의 다른 글
[HTML] iOS에서 키보드 활성화 시 Viewport 문제 정리 (0) | 2024.11.27 |
---|---|
<button>태그가 iOS에서는 onFocus되지 않는 문제 (2) | 2024.11.26 |
[CSHTML][카드 게임] 2. JS ajax, 컨트롤러 만들기 (0) | 2023.06.14 |
[CSHTML][카드 게임] 1. 간단한 CRUD, CSHTML 만들기 (0) | 2023.06.14 |
[CSS] 카드 뒤집기(플립) 효과 (0) | 2023.05.09 |