HTML 강조 태그

웹 디자인 교육 초기에 배우게 될 태그 중 하나는 "강조 태그"라고하는 한 쌍의 태그입니다. 이 꼬리표가이고 오늘 그들이 웹 디자인에서 어떻게 사용되는지보십시오.

XHTML (으)로 돌아 가기

HTML5가 등장하기 훨씬 전에 HTML을 배웠다면 굵은 글꼴과 기울임 꼴 태그를 모두 사용했을 것입니다. 예상대로이 태그는 요소를 굵은 텍스트 또는 기울임 꼴 텍스트로 각각 바 꾸었습니다. 이 태그들의 문제점과 왜 새로운 요소 (우리가 곧 살펴볼 것입니다)에 찬성하여 밀어 넣은 이유는 그것들이 의미 적 요소가 아니라는 것입니다. 이는 텍스트에 대한 정보가 아닌 텍스트의 모양을 정의하기 때문입니다. HTML (이 태그가 쓰여지는 곳)은 시각적 스타일이 아니라 구조에 관한 것임을 기억하십시오! 비주얼은 CSS 및 웹 디자인 모범 사례에 의해 처리되어 오랫동안 웹 페이지에서 스타일과 구조가 명확하게 분리되어 있어야합니다. 이것은 의미가 아닌 요소를 사용하지 않고 구조보다는 세부 묘사를 사용한다는 것을 의미합니다. 이것이 굵은 글씨체와 이탤릭체 태그가 일반적으로 굵은 글씨로 강조 표시되고 강조 표시 (이탤릭체로 표시)로 대체 된 이유입니다.

& lt; strong & gt; & lt; em & gt;

강하고 강조적인 요소는 텍스트에 정보를 추가하여 내용을 다르게 다루고 내용을 강조 할 때 강조해야합니다. 과거에 굵은 글씨체와 이탤릭체를 사용했을 때와 같은 방식으로이 요소들을 사용했습니다. 텍스트를 여는 태그와 닫는 태그 (강조 할 때는 , 강조하려면 )로 묶기 만하면 둘러싸인 텍스트가 강조됩니다.

이러한 태그를 중첩 할 수 있으며 외부 태그가 무엇인지는 중요하지 않습니다. 여기 몇 가지 예가 있어요.

이 텍스트는 강조되어 있습니다 . 대부분의 브라우저는 이탤릭체로 표시합니다. 이 텍스트는 강력하게 강조됩니다 . 대부분의 브라우저는 굵게 표시됩니다.

이 두 예에서 우리는 HTML로 시각적 인 표정을 지정하지는 않습니다. 예, 태그의 기본 모양은 기울임 꼴이고 은 굵게 표시되지만 CSS에서이 모양을 쉽게 변경할 수 있습니다. 이것은 두 세계의 최고입니다. 실제로 선을 넘어 믹스 구조와 스타일을 사용하지 않고 기본 브라우저 스타일을 사용하여 문서에서 기울임 꼴 또는 굵은 텍스트를 가져올 수 있습니다. 텍스트가 굵게 표시 될뿐만 아니라 빨간색으로 표시되도록하려면 CSS에 추가 할 수 있습니다.

강한 {
색깔 : 빨강;
}

이 예제에서는 굵은 글꼴 - 가중치를위한 속성을 기본값으로 추가 할 필요가 없습니다. 그러나 기회를 놓치고 싶지 않다면 언제든지 추가 할 수 있습니다.

강한 {
font-weight : bold;
색깔 : 빨강;
}

이제는 태그가 사용될 때마다 굵은 글씨로 된 페이지를 가질 수 있습니다.

이중 강조 강조

내가 한 해 동안 알아 차 렸던 한 가지 점은 당신이 강조 할 때 두 배로하려고 할 때 일어나는 일입니다. 예 :

이 텍스트에는 굵게 및 기울임 꼴 텍스트가 있어야합니다.

이 선은 굵게 기울임 꼴 텍스트가있는 영역을 생성한다고 생각할 것입니다. 때때로 이것은 실제로 발생하지만, 일부 브라우저는 두 개의 강조 스타일 중 두 번째 스타일, 즉 실제 실제 텍스트와 가장 가까운 스타일을 인식하고 이탤릭체로만 표시합니다. 이것은 강조 태그를 두 번 사용하지 않는 이유 중 하나입니다.

이 "중복"을 피하는 또 다른 이유는 문체를위한 것입니다. 일반적으로 설정하려는 음색을 전달하기에 충분할 경우 중점의 한 가지 형태입니다. 눈에 띄기 위해 텍스트를 굵게, 기울임 꼴로, 색으로, 확대하고 밑줄을 그릴 필요가 없습니다. 그 텍스트는 모든 다른 종류의 강조점이 번쩍 거리게 될 것입니다. 따라서 강조 태그 또는 CSS 스타일을 사용하여 강조하고 과용하지 않도록주의하십시오.

볼드체와 이탤릭체에 대한 참고 사항

마지막으로 굵은 글씨 ()와 기울임 꼴 () 태그는 더 이상 강조 요소로 사용하지 않는 것이 좋지만,이 태그를 사용하여 텍스트의 인라인 영역을 스타일링하는 일부 웹 디자이너가 있습니다. 기본적으로 요소처럼 사용합니다. 태그가 매우 짧기 때문에이 방법을 사용하는 것이 좋지만 일반적으로 권장되지 않습니다. 일부 사이트에서는 굵게 또는 기울임 꼴로 된 텍스트를 만들지 않고 시각적 스타일의 다른 종류의 CSS 후크를 만드는 데 사용하는 경우에 대해 언급합니다.

Jennifer Krynin의 원본 기사입니다. 제레미 지라드 편집 : 12/2/16