"HTML br 태그"의 두 판 사이의 차이

2016년 9월 30일 (금) 17:26 기준 최신판

1 개요[ | ]

HTML <br> 태그

"line break"
개행 태그
줄바꿈 태그
텍스트 줄 바꿈
닫는 태그 없는 것(<br>)이 HTML5 스타일

<br/>으로 써도 문제는 없음

소프트 리턴(문단 내 단순 줄바꿈)

2 XHTML과 HTML5[ | ]

XHTML

<br/>

→ 닫는 태그가 없으므로 슬래시 필요(XML 규칙).

HTML5

<br>

→ HTML5에는 슬래시 제약이 없음. <br>로 충분함.^[1]

3 예시[ | ]

<section>
    <h1>다람쥐와 쳇바퀴</h1>
    <p>다람쥐 헌 쳇바퀴에 타고파.</p>
    <p>새 쳇바퀴는 마음에 들지 않는 모양.
        <br>알 수 없는 것이
        <br>다람쥐 마음.</p>
</section>

4 같이 보기[ | ]

5 주석[ | ]

↑ XML 규칙을 완벽히 지킬 필요 없음. http://stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br

[1] XML 규칙을 완벽히 지킬 필요 없음. http://stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br

[1]

@@ 1번째 줄: / 1번째 줄: @@
-{{소문자}}
+==개요==
-;HTML <nowiki><br></nowiki>, line break
+;HTML <nowiki><br></nowiki> 태그
-;줄바꿈
+* "line break"
-*단락(<[[p]]>) 내에서 텍스트 줄 바꿈
+*개행 태그
+*줄바꿈 태그
+*텍스트 줄 바꿈
+*닫는 태그 없는 것(<code><nowiki><br></nowiki></code>)이 HTML5 스타일
+:<code><nowiki><br/></nowiki></code>으로 써도 문제는 없음
+*[[소프트 리턴]](문단 내 단순 줄바꿈)
 ==XHTML과 HTML5==
@@ 15번째 줄: / 20번째 줄: @@
 <br>
 </source>
-:→ HTML5에는 슬래시 제약이 없음. <nowiki><br></nowiki>로 충분함.<ref>http://stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br</ref>
+:→ HTML5에는 슬래시 제약이 없음. <nowiki><br></nowiki>로 충분함.<ref>XML 규칙을 완벽히 지킬 필요 없음. http://stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br</ref>
-==소스코드==
+==예시==
 <source lang='html5'>
-<!DOCTYPE html>
+<section>
-<html>
+     <h1>다람쥐와 쳇바퀴</h1>
-<head>
-<meta charset="utf-8">
-<title>HTML5 br</title>
-</head>
-<body>
-  <section>
-     <h1>제목 h1</h1>
      <p>다람쥐 헌 쳇바퀴에 타고파.</p>
-     <p>새 쳇바퀴는 마음에 들지 않는 모양.<br>
+     <p>새 쳇바퀴는 마음에 들지 않는 모양.
-      알 수 없는 것이<br>
+        <br>알 수 없는 것이
-      다람쥐 마음.
+        <br>다람쥐 마음.</p>
-    </p>
+</section>
-  </section>
-</body>
-</html>
 </source>
+<jsfiddle height='200'>ae87L4rv</jsfiddle>
-==예제==
+==같이 보기==
-*http://jmnote.com/html5/br.php
+*[[HTML5 Phrasing]]
+*[[HTML wbr 태그]]
+*[[HTML hr 태그]]
+*[[HTML p 태그]]
+*[[소프트 리턴]]
 ==주석==
 <references/>
-==같이 보기==
-*[[HTML5 Phrasing]]
-*<[[p]]>
 [[분류: HTML5]]