<center> 태그가 HTML에서 더 이상 사용되지 않는 이유는 무엇입니까?

<center>HTML 의 태그가 더 이상 사용되지 않는 이유가 궁금 합니다.

이것은 <center>컨테이너를 <center>태그 로 캡슐화하여 텍스트와 이미지 블록을 신속하게 중앙 정렬하는 간단한 방법 이었으므로 지금 은 더 간단한 방법을 찾을 수 없습니다.

누구나 "물건"( margin-left:auto; margin-right:auto;와 폭이 아닌)을 중심에 배치하는 간단한 방법을 알고 <center>있습니까? 또한 왜 더 이상 사용되지 않습니까?

<center>는 정의하기 때문에 요소는 사용되지 않습니다 프리젠 테이션을 의 내용을 - 그것의 내용을 설명하지 않습니다.

중심을 맞추는 한 가지 방법은 요소 의 margin-left및 margin-right속성을 auto로 설정 한 다음 부모 요소의 text-align속성을 로 설정하는 것 center입니다. 이렇게하면 요소가 모든 최신 브라우저에서 중앙에 위치하게됩니다.

에 따르면 W3Schools.com ,

가운데 요소는 HTML 4.01에서 더 이상 사용되지 않으며 XHTML 1.0 Strict DTD에서 지원되지 않습니다.

HTML 4.01 사양은 태그를 비하하는이 이유를 제공합니다 :

CENTER 요소는 align 속성이 "center"로 설정된 DIV 요소를 지정하는 것과 정확히 같습니다.

내가하는 일은 센터링 또는 플로팅과 같은 일반적인 작업을 수행하고 CSS 클래스를 만드는 것입니다. 그렇게하면 모든 페이지에서 사용할 수 있습니다. 또한 같은 요소에서 원하는만큼 호출 할 수도 있습니다.

.text_center {text-align: center;}
.center {margin: auto 0px;}
.float_left {float: left;}

이제 HTML 코드에서이를 사용하여 간단한 작업을 수행 할 수 있습니다.

<p class="text_center">Some Text</p>

CSS의 아무것도 작동하지 않기 때문에 여전히 <center> 태그를 사용합니다. <div> 트릭을 사용하려고 시도하고 실패한 예 :

<div style="text-align: center;">This div is centered, but it's a simple example.</div>
<br />
<div style="text-align: center;"><table border="1"><tr><td>&lt;div style="text-align: center;"&gt; didn't center correctly.</td></tr></table></div>
<br />
<div style="text-align: center;margin-left:auto;margin-right:auto"><table border="1"><tr><td>&lt;div style="text-align: center;margin-left:auto;margin-right:auto"&gt; still didn't center either</td></tr></table></div>
<br />
<center><table border="1"><tr><td>Actually Centered with &lt;center&gt; tag</td></tr></table></center>

<center>가 결과를 얻습니다. 대신 CSS를 사용하려면 CSS를 여러 위치에 배치하고 CSS를 중앙에 맞추기 위해 엉망으로 만들어야하는 경우가 있습니다. 귀하의 질문에 대답하기 위해 CSS는 <center> <b> <i> <u>를 신성 모독, 부정직, 그리고 자신의 직업 안전을 위해 너무 단순하다고 기각 한 신자들과 추종자들과의 종교가되었습니다. 그리고 그들이 <table>을 당신에게서 빼내려고 시도한다면, colspan 또는 rowspan 속성에 해당하는 CSS가 무엇인지 물어보십시오.

그것은 추상적이거나 장엄한 진실이 아니라 살아있는 진실입니다.
-선

원하는 경우 여전히 XHTML 1.0 Transitional 및 HTML 4.01 Transitional 과 함께 사용할 수 있습니다 . 유일한 다른 방법 (제 생각에 가장 좋은 방법)은 여백입니다.

<div style="width:200px;margin:auto;">
  <p>Hello World</p>
</div>

HTML은 프리젠 테이션을 제어하지 않고 요소를 정의해야합니다.

HTML 태그와 같은 마크 업은 모양이 아니라 의미와 구조를 나타냅니다. 초기 버전의 HTML에서는 크게 혼동되었지만 사람들이 지금 정리하려고하는 표준입니다.

태그가 모양을 제어하게하는 한 가지 문제는 화면 판독기와 같은 장애가있는 장치에서 페이지가 제대로 재생되지 않는다는 것입니다. 또한 텍스트에 의미를 명확하게하는 데 도움이되는 태그가 많지 않고 다른 수준의 정보로 어수선 해집니다.

따라서 CSS는 서식 / 표시를 다른 언어로 옮기는 것으로 생각했는데, 언어는 텍스트와 분리되어 쉽게 유지할 수 있습니다. 그 중에서도 스타일 시트를 전환하면 다른 마크 업을 건드리지 않고 웹 페이지의 모양을 변경할 수 있습니다. 그리고 한 번의 팽창으로 많은 페이지에 대해 그렇게 할 수 있습니다.

CSS가 제공하는 도구가 항상 우아하지는 않습니다. 저는 여러분 편입니다. 예를 들어, 효과적인 수직 센터링을 수행 할 방법이 없습니다. 가로 중심에 텍스트 만있는 것이 아니라면text-align 하지 않다면 그다지 좋지 않습니다.

당신은 쉽고 효과적이고 혼잡하거나 깨끗하고 우아하고 성가신 일을 선택할 수 있습니다. 나는 왜 웹 개발자들이 이런 혼란을 겪었는지 이해하지 못하지만 적어도 그들의 작업을 완료 할 수있는 기회를 갖게되어 기쁘다 고 생각합니다.

HTML은 레이아웃을 제어하지 않고 데이터를 구성하기위한 것입니다. CSS는 레이아웃을 제어하기위한 것입니다. 또한 많은 디자이너들이 <table>이와 같은 이유로 레이아웃 에 사용하는 것에 싫증을 느낍니다 .

텍스트 및 이미지의 경우 다음을 사용할 수 있습니다 text-align.

<div style="text-align: center;">
    I'm centered.
</div>

CSS에는 text-align: center속성이 있으며 이것이 의미 적으로가 아닌 시각적 인 것이므로 HTML이 아닌 CSS로 강등되어야합니다.

생각을위한 음식 : TTS (text-to-speech) 합성기는 무엇을 <center>할까요?

이것을 CSS에 추가하고 사용할 수 있습니다 <div class="center"></div>

.center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

또는 <center></center>제거 된 경우를 대비하여 준비하고 준비하려면 CSS에 추가하십시오.

center{
  text-align: center;
  margin: auto;
  justify-content: center;
  display: flex;
}

가장 인기있는 답변

1. 더 이상 사용되지 않는 태그는 반드시 나쁜 태그 일 필요는 없습니다 .
2. 프리젠 테이션 로직을 다루는 태그 가 있습니다 .center 중 하나입니다.
3. center태그와 사업부와 동일하지 않습니다 text-align:center;
4. 당신은 사실 다른 그것을 유효하지 않습니다 뭔가를 할 수있는 방법을.

내가 oldschool HTML4 또는 무언가를 방어하고 있다고 생각할 악명 높은 downvoter가 있기 때문에 설명해 드리겠습니다 . 아뇨 그러나 논쟁 center은 단순히 트렌드 전쟁이며, 유효한 목적을 잘 제공하는 태그를 버릴 실제적인 이유는 없습니다.

따라서 이에 대한 주요 논쟁을 보자.

• "시맨틱이 아닌 프리젠 테이션을 설명합니다!"
  아니, 논리적 배열을 설명 - 그래 기본 모양을 가지고, 단지 다른 태그로 같은<p>또는<ul>않습니다. 그러나 요점은 동봉 된 부품과 주변 환경의 관계입니다. Center는 "이것은 시각적으로 다른 위치 지정으로 분리 된 것"이라고 말합니다.

• "유효하지 않습니다"
  그렇습니다. 나중에 제거 될 수있는 것처럼 더 이상 사용되지 않습니다. 지금 15 년 이상. 그리고 그것은 어디에도 가지 않을 것입니다. 이 태그는 매우 읽기 쉽고 중요하기 때문에이 태그를 사용하는 주요 사이트가 있습니다.

• "HTML5에서는 지원되지 않습니다." 실제로
  가장 널리 지원되는 태그중 하나입니다.

• "구식입니다."
  끈도 구식입니다. 새로운 방법은 기존 방법을 무효화하지 않습니다. 진보적이고 현대적인 느낌 : 좋아. 그러나 법으로 만들지 마십시오.

• "그것은 바보 / 어색한 / 절름발이 / 당신에 대한 이야기를 들려줍니다
  . " 망치와 같습니다. 특정 작업을위한 도구입니다. 같은 작업을위한 다른 도구와 같은 도구를위한 다른 작업이 있습니다. 그러나 그것은 특정 문제를 해결하기 위해 만들어졌으며 그 문제는 여전히 남아 있으므로 전용 솔루션을 사용할 수도 있습니다.

• "CSS 때문에,이 작업을 수행하지 말아야"
  센터링이 절대적으로 CSS에 의해 달성 될 수 있지만, 그건 그냥 하나 개의 방법이 아닌 하나의 고사하고 단의 적절한 하나. 이야 아무것도 작동하고 읽기 지원은 사용이 확인되어야한다.

TL; DR :

사용하지 않는 유일한 이유 <center>는 사람들이 당신을 미워하기 때문입니다.