[html] <p> 대신 <span>을 사용하는 경우

질문에서 알 수 있듯이 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인라인 원소 (예로서, ba)

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

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


답변

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

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


답변

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


답변

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

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

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


답변

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