질문에서 알 수 있듯이 HTML에 추가하려는 텍스트가 있으면 언제 사용해야 <p>
하고 언제 사용해야 <span>
합니까?
답변
HTML은 포함 된 내용을 설명하기위한 것임을 명심해야합니다.
따라서 단락을 전달하려면 그렇게하십시오.
하지만 당신의 비교는 정확하지 않습니다. 보다 직접적인 비교는
<div>
대신 a를 사용하는 경우<p>
?
둘 다 블록 레벨 요소이기 때문입니다.
A <span>
는 앵커 ( <a>
),, <strong>
강조 ( <em>
) 등과 같이 인라인 이므로 html과 자연 쓰기 모두에서 기본 특성으로 인해 단락이 앞뒤로 구분됩니다. <div>
.
가끔 스타일링을 할 때-인라인 물건 <span>
-a는 CSS를 “연결”할 수있는 무언가를 제공하는 것이 좋지만 의미 론적 또는 문체 적 의미가없는 빈 태그입니다.
답변
의미 적 <p>
으로는 태그를 사용 하여 단락을 표시합니다. <span>
CSS 스타일 및 / 또는 클래스를 텍스트 및 인라인 요소의 임의 섹션에 적용하는 데 사용됩니다.
답변
<p>
태그는이다 p
aragraph와 같은, 그것은 인 블록 (예를 들면, 소자로 h1
하고 div
), 반면, span
인라인 원소 (예로서, b
및 a
)
블록 요소는 기본적으로 자신의 위와 아래에 약간의 공백을 생성하며 float
속성을 설정하지 않는 한 그 옆에 아무것도 정렬 할 수 없습니다 .
인라인 요소는 단락 내의 텍스트 범위를 처리합니다. 일반적으로 여백이 없으므로 예를 들어 a width
를 설정할 수 없습니다 .
답변
Span은 완전히 의미가 없습니다. 의미가 없으며 단순히 미용 효과의 요소로만 사용됩니다.
단락에는 의미 론적 의미가 있습니다. 즉, 캡슐화하는 내용이 텍스트 블록이며 책의 텍스트 단락과 동일한 의미를 가지고 있음을 컴퓨터 (예 : 브라우저 또는 스크린 리더)에 알립니다.
답변
의미 상으로 말하자면 ap는 단락 태그이며 텍스트 단락의 형식을 지정하는 데 사용되어야합니다. 범위는 의미 론적으로 처리되지 않는 인라인 서식 변경입니다.
답변
범위는 위 또는 아래에 줄 바꿈이없는 인라인 서식 요소입니다.
A p는 위와 아래에 암시 적 줄 바꿈이있는 블록 요소입니다.
답변
실용적인 설명 : 기본적으로 <p> </p>
는 포함 된 텍스트 앞뒤에 줄 바꿈을 추가하여 단락을 만듭니다. <span>
이를 수행하지 않기 때문에 inline 이라고 합니다.