가독성을 높이는 HTML 활용방법
페이지 정보
작성일2016.03.03 작성자
정보바다
쪽지보내기
자기소개
아이디로 검색
전체게시물
좋아요 0
조회수 1,520
댓글 0
본문
여기에 쓸 내용인지 좀 고민을 했는데
마케팅을 하려면 글이 잘 보여야하는 것도 맞는 말이라 생각해서 이 곳에 쓰기로 결정했습니다.
많은 분들이 네이버 블로그를 사용하지만,
그래도 고급(?!) 블로그 하면 티스토리를 빼놓고 이야기할 수 없죠.
일단 네이버 블로그보다 할 수 있는게 더 많아
HTML만 조금 할 줄 알면 이래저래 꾸밀 수 있다는 장점이 있답니다.
하지만 HTML을 쓸 줄 모른다면.........
요 딴식으로 글이 다닥다닥 붙어서 제대로 읽기조차 불편해질 수 있습니다.
물론 이 정도는 [엔터키]만 잘 활용한다면 어느정도 해결할 수 있는 부분이지만,
HTML/CSS를 활용한다면 [엔터키]를 쓰지않고 글을 막 싸지르더라도 눈에 잘 들어오는,
즉, 가독성이 높은 문서로 만들 수 있습니다.
일단 [관리자] - [HTML/CSS 편집]에 들어가서,
오른쪽 하단에 style.css를 살펴봅시다~
거기에 보면..
/* 본문 공통 */
body{
font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
이렇게 시작되는 부분이 있습니다.(스킨에 따라 다를 수 있음)
이 곳이 본문에 사용되는 글이나 그 외 여러가지들을 수정할 수 있는 공간입니다.
여기에 아래와 같이 몇 단어들을 추가해보세요.
/* 본문 공통 */
body{
font:12px/2 Dotum, Verdana, AppleGothic, Sans-serif;word-spacing: 3px; letter-spacing: 1px;
■ 변경 전
■ 변경 후
차이가 좀 느껴지시나용?
여백이 조금 생기기 때문에 눈에 글자가 좀 더 잘 들어오실 겁니다.
이건 예를 든 것 뿐이지만
자신이 사용하고 있는 폰트에 맞게 이 수치를 잘 활용한다면 가독성을 높여
방문자가 이탈되는 걸 조금이라도 막을 수 있지 않을까요? ㅎ
[참고하세요]
font:12px/[여기] <= 위아래 줄 사이 간격
word-spacing <= 단어 사이 간격
letter-spacing <= 글자 사이 간격
좋아요 0
마멘토에서 추천하는 게시글
-
즐거운 주말~저녁엔 치킨~ -
-
히든태그의 사용관련 궁금점이있네요… 댓글 5 히든태그라는것에 대해서 조금이나마 알게되었는데요. 히든태그를 주로 하시는 분들은 이미지화 처리해서 한다고 하시던데 그럼 히든태그는 유사문서 공격방…
-
후후 댓글 1 호호
-
내일봐요 댓글 3 내일봐요
-
댓글목록
아직 등록된 댓글이 없습니다. 정보바다님의 게시글에 첫번째 댓글을 남겨보세요.
