웹 프론트엔드 HTML 튜토리얼 b 태그, Strong 태그, h1 태그의 차이점과 용도

b 태그, Strong 태그, h1 태그의 차이점과 용도

Jun 10, 2017 am 10:15 AM

strong b는 한 번만 사용하는 것이 좋지만, 형태적으로 b를 의미적이고 과감하게 강조하려면 Strong을 여러 번 사용할 수 있습니다.

1. STRONG과 B 태그는 무엇인가요?

  우리 모두 알고 있듯이 업무의 발전은 점점 더 표준화될 수 있으며 검색 엔진도 표준화된 것을 선호해야 합니다. b 태그는 HTML의 내용이고 STRONG은 XHTML의 내용입니다. 따라서 표준화 관점에서는 B 태그보다 STRONG 태그가 더 좋습니다. 따라서 기술이 허락하는 한 웹사이트에서는 레이아웃을 위해 DIV+CSS를 최대한 활용하는 것이 추세입니다.

  의미론적 관점에서:

  "strong"은 강조 태그입니다.

"b"는 굵은 태그입니다.

) 태그는 논리 태그입니다. 일반적으로 문자를 굵게 변경하면 문자의 톤을 강화할 수 있습니다. B 태그는 단지 기능적인 볼드체인 반면 STRONG은 더 깊은 의미, 즉 강조를 갖고 있음을 알 수 있습니다. 검색 엔진의 인간화는 STRONG 태그에 더 중점을 둡니다.

 2. STRONG 태그는 어떻게 사용하나요?

 H1 및 기타 태그는 주로 제목에 사용되는 반면 STRONG은 키워드 식별과 같은 콘텐츠 적용에 더 중점을 두고 있으며 일부 웹사이트에서는 자막을 강조하기 위해 STRONG 태그를 사용하기도 합니다. 그러나 STRONG 태그를 과도하게 사용하면 검색 엔진에 불이익을 줄 수도 있다는 점에 유의해야 합니다.

알림: STRONG 태그는 페이지에 작성되어야 합니다. CSS를 통해 정의된 STRONG은 포함 및 순위 지정에 쓸모가 없지만 검색 엔진은 콘텐츠만 크롤링하는 것으로 추정됩니다.

물론, Strong을 사용하여 b가 제거된다는 의미는 아니지만, 이 b는 굵은 글꼴로, 이는 기본적으로 Strong의 강조 효과와 일치합니다. 실제로 이 Strong은 다음과 같이 정의될 수 있습니다. 다른 스타일의 강조 효과가 있지만, 현재 W3C 표준을 준수하기 위해서는 Strong 태그를 사용하는 것이 좋습니다.

-------------------------------------- -------

 B 태그: 시각 효과 볼드체. 그 자체로는 HTML 의미 체계가 없습니다.

 WEB 표준은 스타일과 콘텐츠의 분리를 옹호하므로 대담함을 얻기 위해 순수하게 B를 사용하는 것은 더 이상 권장되지 않습니다.

 강한 태그: 시각적 효과가 강렬합니다. HTML 의미론은 강조이며, 어조의 강조와 강조를 나타냅니다.

시각장애인이 스크린리더를 사용하면 B와 Strong의 차이가 확연히 드러납니다. B를 만나면 일반 단어처럼 읽으세요. Strong을 만나면 강조하고 잠시 멈추세요.

 B와 Strong을 SEO 관점에서 살펴봅니다. 사실 검색엔진이 B와 Strong을 어떻게 보는지가 문제입니다. 결국 검색 엔진은 기계이고 우리는 결국 사용자를 타겟팅합니다. 따라서 누가 더 큰 최적화 효과를 가지고 있는지 비교할 필요는 없다고 생각합니다. 나 역시 SEO 문서에 굵은 글씨로 언급된 태그를 보고 두 태그에 대해 의구심을 품었다. 나는 의도적으로 "XHTML Definitive Guide"를 다시 읽었으며 점차적으로 실제로 경험을 쌓았습니다. 실제로 심각하게 받아들일 필요는 없습니다. 단지 누가 더 효과적인지 알기 위해서라면 그냥 H를 사용하는 것이 낫지 않을까요? 그러나 모든 최적화 기술을 사용하면 순위를 얻을 수 있습니까? 아직도 최적화라고 할 수 있나요?

따라서 XHTML 문서의 의미와 사용자 경험 측면에서 Strong을 사용하는 것이 더 유리하므로 사용을 권장합니다. SEO는 최적화 상황에 따라 다릅니다. 현재 우리가 혼동하고 구별할 수 없는 것들이 있습니다. 이때 사용자 경험이 최우선이라고 주장하세요.

위 내용은 b 태그, Strong 태그, h1 태그의 차이점과 용도의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

& lt; datalist & gt의 목적은 무엇입니까? 요소? & lt; datalist & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:33 PM

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

& lt; Progress & Gt의 목적은 무엇입니까? 요소? & lt; Progress & Gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:34 PM

이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

& lt; meter & gt의 목적은 무엇입니까? 요소? & lt; meter & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:35 PM

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? 뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? Mar 20, 2025 pm 05:56 PM

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? & lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? Mar 20, 2025 pm 06:05 PM

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.

html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소? html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소? Mar 12, 2025 pm 04:05 PM

이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까? Mar 17, 2025 pm 12:20 PM

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까? Mar 17, 2025 pm 12:27 PM

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

See all articles