[HTML] p, br, div, span 태그

[HTML] p, br, div, span 태그


br태그

  • A forced link break
  • 줄바꿈태그
  • void element임, 즉 내용이 없는 태그 
    • 열리는 태그 하나만 있으면 됨
  • CSS를 이용해서 간격을 조정할 때 쓰면 좋음



p태그

  • Paragraph
  • 줄바꿈 + 여백을 넣어줌
    • 이러한 기본 여백으로 <br/><br/>보다 <p>를 씀
  • 하나의 단락으로 표현하고 싶으면 p태그를 씀
  • 줄바꿈을 할 때 p태그를 써도 되지만 p태그는 간격이 고정되어 있다

div태그

  • Division
  • block기능을 가지고 있다.
  • 다른 태그와 다르게 특별한 기능을 갖고 있지는 않고, 가상의 레이아웃을 설계하는데 쓰임
  • 주로 CSS와 연동하여 쓰임
  • 줄바꿈만 (여백x)

Span 태그

  • 특별한 기능을 가지지 않고 CSS와 함께 쓰임
  • inline기능을 가지고 있다.
  • 줄바꿈이 되지 않는다


이러한 태그들을 적절히 사용해야 하는 이유

  • 각각의 목적에 맞춰서 사용하여 HTML 문서를 작성하면 의미적/구조적으로 Well-Formed HTML Documnet가 되어 이럴 경우 다른 장치들과의 호환성을 극대화 시킬 수 있다.

댓글

이 블로그의 인기 게시물

[Python] # -*- coding: utf-8 -*-를 쓰는 이유

[소프트웨어공학] NS(Nassi-Schneiderman) 차트

[컴퓨터네트워크] Telnet이란?