본문 바로가기

HTML & CSS

[HTML] 태그별 주의사항

반응형

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

 

반응형