Programming/HTML&CSS

[CSS] 좋은 HTML과 CSS를 작성하는 법

dev seon 2023. 11. 29. 16:11

HTML과 CSS를 잘 작성하기 위해서는 세 가지를 고려해야 합니다.

 

1. Responsive Design

반응형으로 작동하는 웹사이트를 만들어야 합니다.

미디어 쿼리나 fluid 레이아웃을 넘어서 화면에 맞는 글꼴과 이미지의 크기,

데스크톱 또는 모바일 중에 무엇이 먼저인지 등등을 고려해야 할 것입니다.

 

2. Maintainable and scalable code

유지가능하고 확장가능한 코드를 만들어야 합니다.

깔끔하고 이해하기 쉽고 확장성이 높은 코드를 써야 나의 코드를 보는 다른 개발자들에게도 좋습니다.

어떻게 마크업을 구조화하고 클래스 이름을 지어야 할지 등을 고려해야 합니다.

 

3. Web Performance

웹사이트를 더 빠르게 만들기 위해 우리는 httmp 요청과 코드 자체를 줄이고

코드를 압축하고 전처리기 등을 사용할 수 있습니다.

특히, 이미지 사용을 줄여야 웹 사이트의 크기를 줄일 수 있습니다.

꼭 필요한 이미지만 사용했는지 고려해야 할 것입니다.

'Programming > HTML&CSS' 카테고리의 다른 글

[CSS] 폰트 적용하기  (0) 2024.05.29
[CSS] CSS 전처리를 위한 Sass  (0) 2023.12.04
[CSS] 기본 설정  (0) 2023.11.21
[HTML] 이미지와 하이퍼링크 정리+연습  (0) 2023.08.06
[HTML] 텍스트 관련 태그 정리+연습  (0) 2023.08.05