"Back to Top", "더 읽기"등과 같은 짧은 텍스트에는 어떤 태그를 사용해야합니까?

Question

짧은 텍스트와 같은 태그를 사용해야합니다.

맨 위로

더 읽으십시오

~이다 <p> 적절한 또는 다른 것을 사용해야합니다. 이것들은 단락이 아니기 때문입니다.

더 의미적인 것입니다

<p><a href="#mainWrapper">Back to top</a></p>

또는

<a href="#mainWrapper">Back to top</a>

또는

<div><a href="#mainWrapper">Back to top</a></div>

Answer 1

일반적으로 앵커를 사용해야합니다 <a> 꼬리표.

중첩 <a> 내부 a <p> 완벽하게 유효하지만 일반적으로 <p> 텍스트 단락을 위해 예약해야합니다. 당신은 단지 링크이기 때문에 <a> 태그만으로도 가장 권장 될 것입니다.

링크가 블록 요소로 나타나려면 display: block;. 사실 <a> 태그는 일반적으로 인라인으로 표시됩니다. 기본 스타일이기 때문입니다.

Answer 2

앵커 태그

<a href="#">Back to top</a>

<a href="#">Read more</a>

블록 요소 안에 앵커 태그를 포함시킬 수 있습니다. 그래서 이런 것

<p><a href="#">Back to top</a></p>

Answer 3

인라인 요소는 블록 레벨 요소 내부에 동봉되어야하므로 기본적인 접근 방식입니다.

<p><a href="#">Back to top</a></p>

보통 <a> 요소는 이미 a 내부에 있습니다 <div> 태그 <p> 절대적으로 필요하지는 않지만 의미 적으로 정확합니다. 단어 안에 몇 단어 만 있더라도 여전히 텍스트 단락입니다.

Answer 4

그러한 의미 태그는 없습니다.

• 아마도 당신은 정말로 거기에 태그가 필요하지 않을 것입니다! 이 경우를 확인하십시오.

• "짧은 텍스트"가 링크라면 분명히 필요합니다. <a href=. 텍스트에 CSS 스타일이 필요한 경우 a 태그도.

* 구조적으로 만 구조화하거나 CSS 스타일을 걸어야하는 태그가 필요한 경우 사용하십시오. <span>.