Semantic HTML5에 대한 많은 새로운 레이블이 추가되었습니다. 그중, I, EM 및 B의 두 그룹이 가장 쉽게 탐색하지 않으면 실제로는 불분명합니다. 이것은 또한 종종 프론트 엔드 인터뷰에서 묻는 문제이기도합니다. 오늘날, 소스에서, 즉 html5 문서 (https://w3c.github.io/html/textlevel-semantics.html#the-d-element)에서!
다른 설명우선, 추가 CSS없이 디스플레이 효과만으로도 I 및 EM 태그로 둘러싸인 텍스트는 비스듬한 것으로 표시되며 B와 강한 태그로 둘러싸인 텍스트는 두껍게 표시됩니다. 그림에서 볼 수 있듯이
효과는 다음과 같습니다.
<b>와 <i> 창조의 시작 부분에서 그들은 단순히 두꺼운 몸과 비스듬한 스타일을 나타냅니다. 그러나 Semantic 특성을 위해이 두 레이블은 시맨틱이 주어졌습니다 CSS 무슨 일이 있었는지. 그러나 각각의 두 레이블 그룹의 의미는 다음과 같이 초점을 맞 춥니 다.
나는 소개한다 사양 설명 :I 요소는 대체 음성 또는 분위기의 텍스트 범위를 나타내거나, 분류 학적 지정, 기술적 용어, 다른 언어의 관용적 인 문구, 음역을 나타내는 방식으로 정상적인 산문에서 상쇄됩니다. , 서양 텍스트의 생각 또는 배 이름.
번역:I 某种程度上表明一段不同特性的文本, ，, 比如一个分类学名称, 比如一个分类学名称, 一个技术术语, 一个外语习语, 一个音译, 一个想法, 或者 或者서양 텍스트의 배 이름.
예:// 카테고리 이름 <p> <i class = 분류> Felis Silvestris Catus </i>는 <p> 항문 </i>입니다 /p> // 외국어 xi <p> 공중에 특정 <i lang = 느낌이 있습니다
i 태그에 클래스를 적용 하여이 요소를 사용하려는 의도를 표시하여 특수 스타일이 향후 수정 해야하는 경우 모든 문서를 변경하도록 모든 문서를 확인할 필요가 없습니다. I 태그를 사용하는 경우 EM을 사용하여 강조를 강조하는 것과 같은 다른 태그를 적용하는 것이 좋습니다.
EM 소개 사양 설명 :EM 요소는 내용의 스트레스 강조를 나타냅니다.
스트레스 강조의 배치는 이런 방식으로 소장의 의미를 변화시킵니다.
번역:EM 요소는 내용에 중점을 둡니다. 진술 자체의 의미에 대한 강조를 강조합니다. 따라서 요소는 내용의 일부를 구성합니다. 이런 식으로, 강조 정도는 언어에 의존합니다.
예를 들어 (다른 의미를 나타내는 단어를 다시 읽기 위해 중국어와 유사합니다) :// 이것은 강조없는 문장입니다. 고양이는 귀여운 동물입니다. 귀여운 동물입니다. <<// em 서라운드는 문장이 사실이라는 사실을 나타내며, 귀엽지 않은 고양이를 반박합니다 고양이는 귀여운 동물입니다. 일부 사람들은 평균적이고 성가신 동물이 </p> // 여기에 고양이가 동물이 아니라는 것을 강조합니다. > 동물 </em>. </p>사양 끝에 참고 :
EM 요소는 때때로 텍스트가 나머지 단락에서 눈에 띄는 분위기 나 음성입니다.
EM 요소는 또한 강한 요소가 더 적절하다.
번역:EM은 일반적인 비스듬한 레이블이 아닙니다. 때로는 일부 텍스트가 다른 부분이나 톤으로 인해 단락의 다른 부분과 다르기에 더 적합합니다. EM 태그는 중요성을 보여주지 않습니다.
B 소개 사양 설명 :B 요소는 공리주의 목적을 위해주의를 기울이고있는 텍스트의 억압을 억제하고, 추가적인 중요성없이 문서의 주요 단어, 검토의 제품 이름, 대화식 텍스트의 실행 가능한 단어와 같은 대체 음성 또는 분위기의 각인없이. -유도 소프트웨어 또는 기사 LEDE.
번역:E 요소는 추가 중요성없이 실제 목적에 초점을 맞추는 텍스트를 나타냅니다. 텍스트 요약의 키워드 또는 기사 기사와 같은 다른 단어 나 어조를 의미합니다.
예:// 다음 B 요소는 키워드를 강조하는 데 중요한 역할을하지만 아래의 B 요소는 주변 단어가 전문화 할 수 있습니다 이 기사의 소개-애완 동물 토끼 >명세서:
B 요소는 다른 사람이 더 적절하지 않은 경우 최후의 수단으로 사용해야합니다. 제목은 H1 ~ H6 요소를 사용해야합니다. 마크 요소를 사용하십시오.
즉, 다른 요소가 없을 때 마침내 B 태그를 고려하고 있습니다. 특히, 제목은 H1 ~ H6 태그를 사용하여 컨텐츠 내용의 내용에 대한 강조를 강조하고 중요한 비상 강력한 레이블을 강조하고 마크 태그를 사용한 텍스트 레이블을 강조합니다.
강력한 소개 사양 설명 :강한 요소는 그 내용에 대한 강력한 중요성, 심각성 또는 13Cy를 억제합니다.
번역:강력한 요소는 내용의 중요성, 심각성 또는 긴급한 내용을 나타냅니다.
중요성<strong> 요소는 헤드 라인, 캡션 또는 단락에 사용하여 텍스트 의이 부분의 중요성을 표시 할 수 있습니다.
// 섹션 일련 번호는 중요하지 않으며 장의 이름이 중요합니다.심각성
<strong> 요소를 사용하여 경고 나 경고 표시를 표시 할 수 있습니다.
<p> <strong> 경고 </strong>이 던전긴급한
<strong> 요소는 가능한 빨리 볼 수있는 부품을 표시하는 데 사용될 수 있습니다.
<p> <p> 오늘의 REMY에 오신 것을 환영합니다. P> </li> <li> <p> 쓰레기를 내십시오. </p> </li> </li> </ul> </ ul> </ul> </ul> </ul>요약:
사양에 따르면, EM과 강력한 시나리오는 여전히 모호하다.
1. eM은 문장을 읽을 때 단어 나 단어를 읽는 것과 비슷한 텍스트의 의미를 변경합니다.
2. 강한 것은 텍스트의 중요성, 심각성 및 시급성을 강조 할 것입니다.
3. 텍스트의 다른 언어 또는 특성을 나타내려면, I 태그는 조판에서 비스듬한 본문 (기술 용어, 외국어 관행 등)에서 비스듬한 내용과 비슷합니다.
4. B 태그는 주로 키워드, 제품 이름 등의 표시를 강조하는 것입니다.
B 태그의 의미 론적 사양도 매우 모호하기 때문에 권장되지 않습니다.
요약위의 내용은이 기사의 내용이 모든 사람의 학습이나 작업에 도움이되기를 바랍니다.