대신

대신 사용 하는 경우

?

---

질문에서 알 수 있듯이 HTML에 추가하려는 텍스트가 있으면 언제 사용해야 <p>하고 언제 사용해야 <span>합니까?

---

HTML은 포함 된 내용을 설명하기위한 것임을 명심해야합니다.

따라서 단락을 전달하려면 그렇게하십시오.

하지만 당신의 비교는 정확하지 않습니다. 보다 직접적인 비교는

<div>대신 a를 사용하는 경우 <p>?

둘 다 블록 레벨 요소이기 때문입니다.

A <span>는 앵커 ( <a>),, <strong>강조 ( <em>) 등과 같이 인라인 이므로 html과 자연 쓰기 모두에서 기본 특성상 단락이 앞뒤로 구분됩니다. <div>.

때로는 스타일링을 할 때-인라인 물건 <span>-a는 CSS를 "연결"할 수있는 무언가를 제공하는 것이 좋지만 의미 론적 또는 문체 적 의미가없는 빈 태그입니다.

---

의미 적 <p>으로는 태그를 사용 하여 단락을 나타냅니다. <span>CSS 스타일 및 / 또는 클래스를 텍스트 및 인라인 요소의 임의 섹션에 적용하는 데 사용됩니다.

---

<p>태그는이다 paragraph와 같은, 그것은 인 블록 (예를 들면, 소자로 h1하고 div), 반면, span인라인 원소 (예로서, b및 a)

블록 요소는 기본적으로 자체 위와 아래에 약간의 공백을 생성하며 float속성을 설정하지 않는 한 그 옆에 아무것도 정렬 할 수 없습니다 .

인라인 요소는 단락 내의 텍스트 범위를 처리합니다. 일반적으로 여백이 없으므로 예를 들어 a width를 설정할 수 없습니다 .

---

의미 상으로 말하자면 ap는 단락 태그이며 텍스트 단락의 형식을 지정하는 데 사용되어야합니다. 범위는 의미 론적으로 처리되지 않는 인라인 서식 변경입니다.

---

Span은 완전히 의미가 없습니다. 의미가 없으며 단순히 미용 효과의 요소로만 사용됩니다.

단락에는 의미 론적 의미가 있습니다. 즉, 캡슐화하는 콘텐츠가 텍스트 블록이며 책의 텍스트 단락과 동일한 의미를 가지고 있음을 컴퓨터 (예 : 브라우저 또는 스크린 리더)에 알립니다.

---

범위는 위 또는 아래에 줄 바꿈이없는 인라인 서식 요소입니다.

p는 위와 아래에 암시 적 줄 바꿈이있는 블록 요소입니다.

http://w3schools.com/tags/default.asp

---

실용적인 설명 : 기본적으로 <p> </p>는 포함 된 텍스트 앞뒤에 줄 바꿈을 추가하여 단락을 만듭니다. <span>이를 수행하지 않으므로 inline 이라고 합니다.

---

p 태그는 단락 요소를 나타냅니다. 여백 / 패딩이 적용되었습니다. 범위는 스타일이 지정되지 않은 인라인 태그입니다. 중요한 차이점은 스팬이 인라인 일 때 p가 블록 요소라는 것 <p>Hi</p><p>There</p>입니다. 즉, <span>Hi</span><span>There</span>나란히 감기면 다른 선에 나타납니다 .

---

그 당시 일반 텍스트를 사용하고있을 때는 태그 <p>를 원하고, 그 당시에 효과가있는 일반 텍스트를 사용할 때는 <span>태그 를 원합니다.

---

<span>은 인라인 태그이고 <p>는 단락에 사용되는 블록 태그입니다. 브라우저는 단락 아래에 빈 줄을 렌더링하는 반면 <span>은 같은 줄에 렌더링합니다.

---

p {
    float: left;
    margin: 0;
}

주위에 간격이 없으며 범위와 비슷합니다.

참고 URL : https://stackoverflow.com/questions/1908234/when-to-use-span-instead-p