본문 바로가기

2023/05/112

[블로그 운영팁]네이버 검색시 탭메뉴 형태로 노출되게 하려면 네이버 검색 시 탭메뉴 형태로 노출되게 하는 방법입니다. 이해를 돕기위해 스크린샷을 참고하세요. [미리보기] 검색 화면을 보시면 '요즘 시대의 단독주택이란?' 처럼 탭메뉴가 생성된걸 보실 수 있습니다. 위처럼 하기 위해서 블로그에 글을 작성하실때 제목(본문) 태그를 이용해서 제목을 작성하시면 됩니다. 티스토리 기준으로 상단에 제목태그를 이용하시면 되고, 에디터가 없는경우는 로 제목을 감싸주시면 됩니다. 제목문구 제목태그 위처럼 제목을 태그로 감싸주면 네이버 검색시 탭형태로 노출됩니다. 추가 설명을 드리자면, html도 문서입니다. 웹페이지이기 때문에 웹문서라고 합니다. 문서를 만들때 제목,본문을 구분하듯이 웹에서도 의미있는 마크업을 통해 웹페이지를 작성(코딩)합니다. 이것을 시멘틱웹이라고 합니다. 이렇게.. 2023. 5. 11.
[javascript]윈도우(맥OS) or 모바일 다크모드일때 dark-style.css 호출하기 윈도우(맥OS)나 모바일 다크모드일때 자동으로 감지 후 dark-style.css를 호출하는 방법입니다. JAVASCRIPT 위처럼 다크모드일때 웹페이지에서 dark-style.css를 호출하기위해 javascrpt에 아래 코드를 삽입합니다. if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { // 다크 모드이므로 dark.css를 호출합니다. const link = document.createElement('link'); link.rel = 'stylesheet'; link.href = 'dark.css'; document.head.appendChild(link); } HTML html을 보시면 아래와.. 2023. 5. 11.