웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
글 수 186
0
조회 수 : 10618 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구1. 수정과 관리 용이
지금까지 새로운 버전의 브라우저가 출시되거나 사이트 디자인이 큰폭으로 리뉴얼될 때마다 제작자가 페이지를 새로 제작해야 했다. 또 여러 사람이 사이트를 관리하는 경우 서로마다 제작자가 다른 마크업 때문에 불필요한 혼란이 생기는 문제도 있었다. (X)HTML로 콘텐츠를 올바르게 구조화하고 CSS로 시각표현을 통일하여 제어하면 페이지 제작 부담이 크게 줄어든다.
2. 웹 접근성 향상
올바른 (X)HTML과 CSS로 다양한 브라우징 환경에 대응하는 접근 가능한 웹페이지를 만들수 있다. 중요하게 생각할 것은 장애자와 노인을 배려한 웹페이지는 결과적으로 모든 사람에게 높은 접근성을 제공하는 페이지가 된다는 것이다.
3. SEO(검색엔진 최적화) 대책
검색엔진의 크롤러는 (X)HTML소스를 거의 액면 그대로 해석하기 때문에 적절하게 구조화되고 깨끗하게 정리된 소스는 검색로봇이 잘 검색할 수 있다. 부족한 SEO는 비즈니스 기회를 잃고 기회 손실을 가져오기 때문에 상당히 중요한 부분이다.
SEO는 웹표준과도 관계가 깊다. 단적으로 문서구조가 명확한 웹페이지를 만드는 게 바로 SEO이다. 예컨대 타이틀(h1~h6 요소)사용법, 텍스트 강조(strong 요소) 등 웹표준에 기반을 둔 적절한 마크업을 하는 것이다. '인간뿐만 아니라 검색엔진에게도 친절한 페이지'를 만드는 것이 SEO의 주안점이다.
4.파일 사이즈 축소와 서버 저장 공간 절약
소스를 효율적으로 작성하면 파일 크기를 줄이고 서버 저장 공간을 절약할수 있다. 동시에 화면표시에 걸리는 시간이 줄고 서버 부담도 덜 수 있다.
5. 하위호환성과 상위호환성 확보
올바른 (X)HTML과 CSS로 페이지를 제작하면 오래된 브라우저에서도 콘텐츠가 적절하게 표시되고 상위 호환성과 상호운용성이 확보된다.
자료출처 : 웹표준 교과서 내용일부..
지금까지 새로운 버전의 브라우저가 출시되거나 사이트 디자인이 큰폭으로 리뉴얼될 때마다 제작자가 페이지를 새로 제작해야 했다. 또 여러 사람이 사이트를 관리하는 경우 서로마다 제작자가 다른 마크업 때문에 불필요한 혼란이 생기는 문제도 있었다. (X)HTML로 콘텐츠를 올바르게 구조화하고 CSS로 시각표현을 통일하여 제어하면 페이지 제작 부담이 크게 줄어든다.
2. 웹 접근성 향상
올바른 (X)HTML과 CSS로 다양한 브라우징 환경에 대응하는 접근 가능한 웹페이지를 만들수 있다. 중요하게 생각할 것은 장애자와 노인을 배려한 웹페이지는 결과적으로 모든 사람에게 높은 접근성을 제공하는 페이지가 된다는 것이다.
3. SEO(검색엔진 최적화) 대책
검색엔진의 크롤러는 (X)HTML소스를 거의 액면 그대로 해석하기 때문에 적절하게 구조화되고 깨끗하게 정리된 소스는 검색로봇이 잘 검색할 수 있다. 부족한 SEO는 비즈니스 기회를 잃고 기회 손실을 가져오기 때문에 상당히 중요한 부분이다.
SEO는 웹표준과도 관계가 깊다. 단적으로 문서구조가 명확한 웹페이지를 만드는 게 바로 SEO이다. 예컨대 타이틀(h1~h6 요소)사용법, 텍스트 강조(strong 요소) 등 웹표준에 기반을 둔 적절한 마크업을 하는 것이다. '인간뿐만 아니라 검색엔진에게도 친절한 페이지'를 만드는 것이 SEO의 주안점이다.
4.파일 사이즈 축소와 서버 저장 공간 절약
소스를 효율적으로 작성하면 파일 크기를 줄이고 서버 저장 공간을 절약할수 있다. 동시에 화면표시에 걸리는 시간이 줄고 서버 부담도 덜 수 있다.
5. 하위호환성과 상위호환성 확보
올바른 (X)HTML과 CSS로 페이지를 제작하면 오래된 브라우저에서도 콘텐츠가 적절하게 표시되고 상위 호환성과 상호운용성이 확보된다.
자료출처 : 웹표준 교과서 내용일부..
괜찮은 구글 웹폰트 많네요. 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기