텍스트를 기울임 꼴로 만드는 올바른 방법 은 무엇입니까 ? 나는 다음과 같은 네 가지 접근법을 보았다.

<i>Italic Text</i>

<em>Italic Text</em>

<span class="italic">Italic Text</span>

<span class="footnote">Italic Text</span>

<i>

이것이 “구식”입니다. <i>의미 적 의미가 없으며 텍스트를 이탤릭체로 만드는 표현 효과 만 전달합니다. 내가 볼 수있는 한, 이것은 의미가 없기 때문에 분명히 잘못되었습니다.

<em>

이것은 순수한 표현 목적으로 시맨틱 마크 업을 사용합니다. 단지 그 일이 <em>기본적으로 기울임 꼴 텍스트를 렌더링하고이 종종 알고있는 사람들에 의해 사용되도록 <i>피해야하지만 누가되어야 그 의미 론적 의미를 모르고있다. 모든 이탤릭체 텍스트가 강조되어 이탤릭체 인 것은 아닙니다. 때로는 사이드 노트 나 속삭임과 같이 정반대 일 수 있습니다.

<span class="italic">

CSS 클래스를 사용하여 프리젠 테이션을합니다. 이것은 종종 올바른 방법으로 선전되지만 다시 한 번 나에게 잘못된 것 같습니다. 이것은 더 의미적인 의미를 전달하지 않는 것 같습니다 <i>. 그러나 그 지지자들은 울부 짖습니다. 대담하게 원한다면 나중에 모든 기울임 꼴 텍스트를 변경하는 것이 훨씬 쉽습니다. 그러나 텍스트가 굵게 표시되는 “italic”이라는 클래스가 남아 있기 때문에 그렇지 않습니다. 또한 왜 내 웹 사이트에서 모든 기울임 꼴 텍스트를 변경하고 싶거나 적어도 이것이 바람직하지 않거나 필요하지 않은 경우를 생각할 수 있는지 분명하지 않습니다.

<span class="footnote">

시맨틱에 CSS 클래스를 사용합니다. 지금까지 이것이 최선의 방법으로 보이지만 실제로 두 가지 문제가 있습니다.

1. 모든 텍스트가 의미 적 마크 업을 보증하기에 충분한 의미를 갖는 것은 아닙니다. 예를 들어, 페이지 하단의 기울임 꼴 텍스트는 실제로 각주입니까? 아니면 제쳐두고 있습니까? 아니면 완전히 다른 것. 아마도 특별한 의미가 없으며 앞의 텍스트와 표현을 구분하기 위해 기울임 꼴로 렌더링해야합니다.

2. 의미가 충분한 강도로 존재하지 않으면 의미가 변경 될 수 있습니다. 페이지 맨 아래에있는 텍스트 외에는 “각주”를 사용했다고 가정 해 보겠습니다. 몇 개월 후 하단에 더 많은 텍스트를 추가하려고하면 어떻게됩니까? 더 이상 각주가 아닙니다. 우리는 덜 일반적 <em>이지만 이러한 문제를 피하는 의미 론적 클래스를 어떻게 선택할 수 있습니까?

요약

이탤릭체를 만들려는 욕구가 의미 론적 의미를 갖기위한 것이 아닌 많은 경우에 의미론의 요구가 지나치게 부담이되는 것으로 보인다.

또한 스타일과 구조를 분리하려는 의도로 인해 CSS <i>가 실제로 유용하지 않을 때를 대신하여 CSS가 선전되었습니다 . 그래서 이것은 겸손한 <i>태그로 다시 돌아와서이 생각의 기차가 HTML5 사양에 남아있는 이유인지 궁금합니다.

이 주제에 관한 좋은 블로그 게시물이나 기사가 있습니까? 아마도 <i>태그 를 유지 / 생성하기로 한 결정에 관련된 사람들에 의해 ?

답변

<em property="italic" href="http://url/to/a/definition_of_italic"> Your text </em>

<i>HTML italic text example</i>

<p>This is <em>emphasized </em> text format <em>example</em></p>