상시 유효 콘텐츠는 계절이나 발표일에 크게 묶이지 않는 기본 질문을 다룹니다. 용어 설명, 절차, 판단 기준처럼 시간이 지나도 찾는 주제가 적합합니다.
방치해도 된다는 뜻은 아닙니다. 예시와 링크, 정책 변경을 주기적으로 점검해야 오래 읽히는 이유가 유지됩니다.
언제 쓰나
매번 같은 고객 질문에 답할 때 기본 자료로 제작합니다.
상시 유효 콘텐츠
Evergreen content
유행이 지나도 반복되는 질문에 오래 답하는 콘텐츠입니다.
···
<div class="chart"><div class="key"><b>NEWS</b><b>EVERGREEN</b></div><svg viewBox="0 0 300 120" preserveAspectRatio="none"><path class="news" d="M0 106 L38 12 L72 82 L110 103 L300 108"/><path class="ever" d="M0 91 C55 70 115 67 300 66"/></svg><div class="axis">WEEK 1 <span>MONTH 12</span></div></div>.chart{width:min(86%,650px);height:clamp(105px,48vmin,270px);border-left:2px solid var(--fg);border-bottom:2px solid var(--fg);padding:5px 0 0 5px;font:800 clamp(10px,max(1.8vmin,1vw),13px) sans-serif}.key{display:flex;gap:15px}.key b:first-child{color:var(--accent)}.key b:last-child{color:var(--fg)}svg{width:100%;height:75%;overflow:visible}.news,.ever{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:550;stroke-dashoffset:550;animation:draw 4s infinite}.news{stroke:var(--accent)}.ever{stroke:var(--fg);animation-delay:.5s}.axis{display:flex;justify-content:space-between;color:var(--muted)}@keyframes draw{0%,8%{stroke-dashoffset:550}50%,86%{stroke-dashoffset:0}100%{stroke-dashoffset:-550}}