"%1$s" 요소는 사용해서는 안 됩니다 (사용이 권장되지 않는 구문).

The "" element should not be used (discouraged construct)

 

이 메시지는 HTML 코드에 현재는 사용이 권장되지 않는 **'구식(deprecated)' HTML 태그(%1$s)**가 포함되어 있다는 경고입니다.

오래된 스마트폰 모델을 생각하면 쉽습니다. 📱 제조사에서 더 좋은 성능의 새 모델을 출시하면서 이전 모델을 단종시키고 더 이상 지원하지 않기로 하는 것과 같습니다. 이전 모델이 당장 작동은 하지만, 앞으로 호환성이나 기능 면에서 문제가 생길 수 있으므로 새 모델을 사용하는 것이 권장됩니다.

HTML 태그도 마찬가지입니다. 웹 표준이 발전하면서 일부 오래된 태그들은 더 좋고 효율적인 CSS 스타일링 방식으로 대체되었습니다.

---

## 왜 일부 태그의 사용이 권장되지 않나요?

현대적인 웹 표준의 핵심 원칙은 **'구조와 표현의 분리'**입니다.

• HTML: 문서의 구조를 나타냅니다. (예: 이것은 '제목'이다 <h1>, 이것은 '문단'이다 <p>)
• CSS: 문서의 표현을 담당합니다. (예: 글자는 '빨간색'이고 '가운데 정렬'이다)

사용이 권장되지 않는 태그들(예: <center>, <font>)은 이러한 원칙을 어기고, 구조를 나타내는 HTML 코드 안에서 직접적으로 표현(디자인)을 제어하기 때문에 더 이상 사용하지 않는 것이 좋습니다.

---

## 해결 방법: CSS로 대체하기

해결책은 구식 태그를 제거하고, 그 기능을 CSS 클래스로 대체하는 것입니다.

1. 경고 메시지에 나온 구식 태그(%1$s)를 HTML 문서에서 찾습니다.
2. 해당 태그를 제거하고, 대신 일반적인 태그(예: <p>, <div>)에 식별 가능한 class 이름을 붙여줍니다.
3. CSS 파일에서 해당 class에 원하는 스타일을 지정합니다.

### 수정 예시 (<center> 태그)

• 수정 전 (경고 발생 예시):
• HTML

   

  <center>이 텍스트를 가운데로 정렬합니다.</center>
  

• 수정 후 (올바른 코드): ✅
  1. HTML 파일 수정:
  2. HTML

      

     <p class="center-align">이 텍스트를 가운데로 정렬합니다.</p>
     

  3. CSS 파일에 스타일 추가:
  4. CSS

      

     .center-align {
       text-align: center;
     }
     

### 자주 사용되는 구식 태그와 CSS 대체 속성

구식 태그 (Deprecated)	현대적인 CSS 대체 방법
<center>	text-align: center;
<font color="..." size="...">	color: ...; , font-size: ...;
<u>	text-decoration: underline;
<b>	font-weight: bold; (또는 의미상 <strong> 태그 사용)
<i>	font-style: italic; (또는 의미상 <em> 태그 사용)