질문자 :Community Wiki
다른 답변을 확인하려고 시도했지만 여전히 혼란스럽습니다. 특히 W3schools HTML 5 참조를 본 후에는 더욱 그렇습니다.
<img> 및 <br> "허용"해야 한다고 생각했습니다. 그런 다음 XHTML이 <img /> 및 <br /> ( 누군가가 이전 브라우저를 위한 공간이 있다고 말한 곳) 와 함께 왔습니다.
이제 HTML 5를 연습할 때 코드 형식을 어떻게 지정해야 하는지 궁금합니다.
<br> , <br/> 또는 <br /> 입니까?
단순히 <br> 충분합니다.
다른 형식은 XHTML과의 호환성을 위해 있습니다. XHTML과 동일한 코드를 작성할 수 있도록 하고 HTML로도 작동하도록 합니다. HTML을 생성하는 일부 시스템은 XML 생성기를 기반으로 할 수 있으므로 베어 <br> 태그만 출력하는 기능이 없습니다. 이러한 시스템을 사용하는 경우 <br/> 을 사용하는 것이 좋으며 필요하지 않은 경우에는 필요하지 않습니다.
그러나 실제로 XHTML을 사용하는 사람은 거의 없습니다. 콘텐츠를 application/xhtml+xml 로 제공해야 하며 이전 버전의 IE에서는 작동하지 않습니다. 또한 작은 오류로 인해 페이지가 브라우저에 표시되지 않습니다. XHTML을 지원합니다. 따라서 웹에서 XHTML처럼 보이는 대부분은 실제로 HTML로 제공되고 해석됩니다. 자세한 내용은 XHTML을 text/html로 간주되는 유해한 것으로 제공 을 참조하십시오.
HTML 5 Reference Draft 의 이 인용문이 답을 제공한다고 생각합니다.
3.2.2.2 보이드 요소
void 요소 라는 용어 는 비어 있어야 하는 요소를 지정하는 데 사용됩니다. 이러한 요구 사항은 HTML 구문에만 적용됩니다. XHTML에서 이러한 모든 요소는 일반 요소로 처리되지만 빈 요소로 표시되어야 합니다.
이러한 요소는 어떠한 내용도 포함하는 것이 금지되어 있습니다. HTML에서 이러한 요소에는 시작 태그 만 있습니다. 자체 닫는 태그 구문을 사용할 수 있습니다. 요소는 파서에 의해 자동으로 닫히므로 종료 태그는 생략해야 합니다.
HTML 예:
HTML 구문의 void 요소입니다. 이것은 XHTML 구문에서 허용되지 않습니다.<hr>예시:
HTML 및 XHTML 호환 자동 닫힘 태그 구문을 사용하는 void 요소입니다.<hr/>XHTML 예:
명시적 종료 태그가 있는 XHTML 전용 구문을 사용하는 void 요소입니다. HTML 구문의 void 요소에는 허용되지 않습니다.<hr></hr>
XML은 태그를 열어 두는 것을 허용하지 않으므로 <br> 이 다른 두 태그보다 약간 나빠집니다. 다른 두 개는 이전 브라우저와의 호환성을 위해 선호되는 <br/> / 앞의 공백을 선호하지만 속성이 있는 태그에만 의미가 있다고 생각합니다. <br/> 또는 <br /> 중 당신의 미학을 기쁘게 하는 것을 말하고 싶습니다.
요약하자면, 세 가지 모두 유효하며 첫 번째 것( <br> )은 "휴대성"이 약간 떨어집니다.
편집 : 이제 우리는 모두 사양에 열광했으므로 dev.w3.org 에 따라 지적할 가치가 있다고 생각합니다.
시작 태그는 정확히 다음 순서대로 다음 부분으로 구성됩니다.
- "<" 문자.
- 요소의 태그 이름입니다.
- 선택적으로, 각각 하나 이상의 공백 문자가 앞에 와야 하는 하나 이상의 속성입니다.
- 선택적으로 하나 이상의 공백 문자.
- 선택적으로 요소가 void 요소인 경우에만 존재할 수 있는 "/" 문자.
- ">" 문자.
HTML에서(최대 HTML 4) : <br>
HTML 5 : <br> 이 선호되지만 <br/> 및 <br /> 도 허용됩니다.
XHTML 에서는 <br /> 가 선호됩니다. <br/> 또는 <br></br> 도 사용할 수 있습니다.
노트:
<br></br> 은(는) HTML 5에서 유효하지 않으며 두 줄 바꿈으로 간주됩니다.<br/> 에서는 <br />참조:
사양 에 따르면 HTML 5의 경우 예상되는 형식은 <br> 이지만 닫는 슬래시는 허용됩니다.
다음과 같은 이유로 <br /> 를 사용하는 것이 좋습니다.
1) 다른 색상으로 XML 구문을 강조 표시하는 텍스트 및 XML 편집기는 <br /> <br> 을 사용하는 경우 항상 그렇지는 않습니다.
2) <br /> 은 XHTML과 역호환되며 잘 구성된 HTML(예: XHTML)은 종종 오류를 확인하고 디버그하기가 더 쉽습니다.
3) 일부 오래된 파서 일부 코딩 사양, 즉 (닫는 슬래시 전에 공간을 필요로 <br /> 대신 <br/> 같은 워드 프레스 플러그인 코딩 사양으로) : http://make.wordpress.org/core/ 핸드북/코딩 표준/html/
<br /> 이 문제가 되는 경우는 본 적이 <br/> 또는 특히 <br> 이 이전 브라우저 및 도구에서 문제가 될 수 있는 경우가 많습니다.
XML에서는 모든 태그에 해당하는 닫는 태그가 있어야 합니다. 따라서 내부 내용이 없는 태그에 대한 특별한 약식 구문이 있습니다.
HTML5는 XML이 아니므로 그러한 요구 사항을 제기해서는 안 됩니다. HTML 4.01도 아닙니다.
예를 들어 HTML5 사양 br 태그가 있는 모든 예제는 <br/> <br> 구문을 사용합니다.
UPD 실제로 <br/> 은 HTML5 에서 허용됩니다 . 9.1.2.1, 7.
비교 가능성(호환성이 아니라 비교 가능성)에 관심이 있다면 <br /> 을 사용하겠습니다.
그렇지 않으면 <br> 괜찮습니다.
일반 웹사이트에서 HTML을 출력하는 경우 <br> 또는 <br/> 사용할 수 있습니다. 둘 다 HTML5를 text/html로 제공할 때마다 유효합니다.
HTML5를 XHTML로 제공하는 경우(즉, XML 선언이 있는 콘텐츠 유형 application/xhtml+xml) <br/> 와 같은 자체 닫기 태그를 사용해야 합니다.
그렇지 않으면 일부 브라우저에서 페이지 렌더링을 완전히 거부할 수 있습니다(특히 Firefox는 유효한 xhtml+xml 페이지만 렌더링하는 데 매우 엄격합니다).
1에서 언급했듯이 <br/> 은 XML로 생성되었지만 XML 선언 없이 일반 텍스트/html로 제공되는 HTML5에도 유효합니다(예: 웹 페이지를 생성하는 XSL 변환 또는 이와 유사한 것).
혼동을 없애기 위해: HTML5에서는 슬래시 앞에 공백을 두는 것이 필요하지 않으며 페이지가 렌더링되는 방식에 차이를 만들지 않습니다(누군가 예제를 인용할 수 있다면 철회하겠습니다. 사실 - 그러나 IE는 모든 형태의 <br> 태그로 다른 많은 이상한 일을 확실히 합니다.
http://validator.w3.org 의 뛰어난 유효성 검사기는 무엇이 유효한지 확인하는 데 정말 도움이 됩니다(컨텐츠 유형을 확인하는 데에도 신뢰할 수 있는지 확신할 수 없지만).
<br> 및 <br /> 모두 HTML5에서 허용되지만 HTML의 정신에서는 <br> 사용해야 합니다. HTML5는 이전에 HTML 4.01 및 XHTML 1.0이었던 문서와 더 잘 호환되도록 닫는 슬래시를 허용하므로 HTML5로 더 쉽게 마이그레이션할 수 있습니다. 물론 <br/> 도 허용되지만 일부 이전 브라우저와 호환되도록 하려면 닫는 슬래시( / ) 앞에 공백이 있어야 합니다.
<br> 및 <br/> 는 다르게 렌더링됩니다. 일부 브라우저는 <br/> 을 <br></br> 로 해석하고 두 개의 줄 바꿈을 삽입합니다.
<br> 로 충분하지만 XHTML 에서는 WHATWG 및 W3C 에 <br /> 이 선호됩니다.
2017년 12월 14일 HTML 5.2 W3C 권장 사항 의 섹션 8.1.2.1 인용
시작 태그의 형식은 다음과 같아야 합니다.
…
속성 뒤 또는 속성이 없는 경우 태그 이름 뒤에 하나 이상의 공백 문자가 있을 수 있습니다. (일부 속성 뒤에는 공백이 있어야 합니다. 아래 §8.1.2.3 속성 참조)
그런 다음 요소가 void 요소 중 하나이거나 요소가 외부 요소인 경우 단일 U+002F SOLIDUS 문자(/)가 있을 수 있습니다. 이 문자는 void 요소에는 영향을 미치지 않지만 외부 요소에서는 시작 태그를 자체 닫기로 표시합니다.
Dreamweaver CS6을 사용하는 경우 <br /> 로 자동 완성됩니다.
W3C에서 HTML 파일을 확인하려면 http://validator.w3.org/를 참조하십시오.
<br/> 가 가장 적절합니다. <br> 대신 줄 바꿈이 필요한 Reactjs에서도 사용할 수 있습니다.
내가 아는 것은 <br /> 가 흰색 줄로 중단되고 <br> 어떤 경우에는 중단된다는 것뿐입니다. 이것은 내가 IPN 스크립트(PHP)를 설정하고 메일을 보내고 받은 편지함을 확인했을 때 발생했습니다. <br /> and <br> 사용하여 깔끔하게 보이게 하는 메시지만 받았습니다.
여기에서 메일을 보십시오: http://snag.gy/cLxUa.jpg
텍스트의 처음 두 섹션은 <br /> 로 구분되므로 공백 줄, 맨 아래에 있는 텍스트의 마지막 세 행 및 마지막 섹션은 <br> 되고 새 행만 제공합니다.
HTML에서 대부분의 경우 태그는 쌍입니다. 그러나 줄 바꿈의 경우 한 쌍의 태그가 필요하지 않습니다. 따라서 이를 나타내기 위해 HTML은 <br/> 형식을 사용합니다. <br/> 이(가) 맞습니다. 해당 형식을 사용합니다.
<br> 태그는 HTML에 종료 태그가 없습니다. XHTML에서 <br> 태그는 다음과 같이 적절하게 닫아야 합니다. <br />
XML에서는 모든 태그를 닫아야 합니다. XHTML은 XML의 확장이므로 유효한 XHTML을 위해서는 XML의 모든 규칙을 따라야 합니다. 따라서 빈 태그(자식 노드가 없는 노드)도 다음과 같습니다.
닫아야 합니다. XML에는 빈 노드에 대한 자체 닫기 태그라는 짧은 형식이 있습니다. <br></br> as <br /> 쓸 수 있습니다. 따라서 XHTML에서는 <br /> 가 사용됩니다.
HTML은 이와 관련하여 매우 관대하며 그러한 규칙은 없습니다. 따라서 HTML에서 <br> <hr> <meta> 등과 같은 빈 노드는 닫는 슬래시 없이 작성됩니다.
HTML
<br> <hr> <meta name="keywords" content=""> <link rel="canonical" href="http://www.google.com/">XHTML
<br /> <hr /> <meta name="keywords" content="" /> <link rel="canonical" href="http://www.google.com/" /> 모든 태그를 자체 폐쇄할 수 있는 것은 아닙니다. 예를 들어 <script src="jQuery.min.js" /> 와 같은 태그는 XHTML DTD에서 허용되지 않습니다.
음..... W3C 사양을 100% 따랐던 단일 벤더, 사용자 에이전트 또는 브라우저 제조업체를 아는 사람이 있습니까??? 따라서 HTML5가 세 가지 중단 요소 버전을 모두 지원한다고 말하면 공급업체가 동일하고 훨씬 더 엉성한 버전을 지원한다는 것을 알 수 있습니다!
이 논쟁에서 중요한 것은 가능하면 HTML 사양뿐만 아니라 XML 사양도 따르는 코딩을 일관되게 사용하는 것입니다. 즉, 올바른 XML 버전의 break 태그를 사용하고 모든 팀이 동일한 작업을 수행하도록 권장해야 합니다.
<br />동일한 공백 슬래시 형식이 코드의 img, a, hr 및 meta 태그에 적용되어야 합니다. 왜요? 때문에:
게다가 로봇이 HTML5가 우리를 위해 해결하는 것과 같은 휴먼 인터페이스 코딩 문제를 갖고 있지 않은 로봇 및 기계 세계에서 그들은 기꺼이 XML 데이터 시스템으로 돌아가 이러한 UI 웹 페이지를 XML로 변환할 때 훨씬 더 빠르게 구문 분석할 것입니다. 데이터.
<br> 및 <br /> 는 일부 브라우저에서 다르게 렌더링되므로 둘 중 하나를 선택해도 프로젝트가 손상되지는 않지만 대량 find..replace가 일부 브라우저에서 페이지 렌더링에 영향을 미치므로 결과가 나타날 수 있습니다. 변경 사항이 테스트 브라우저에서는 아무 영향을 미치지 않지만 클라이언트가 선호하는 브라우저에서는 깨지면 스스로를 위한 추가 작업이나 당혹스러운 일입니다.
Erwise와 Netscape Navigator(초기 웹 브라우저) 이후로 사용한 것이기 때문에 <br> 선호하지만 대신 <br /> 일부 전처리, 비교 가능성 등에 유용할 수 있습니다.
선택이 다른 것보다 하나의 모양을 선호하는 것으로 귀결되거나 귀하(또는 Dreamweaver와 같이 좋아하는 HTML 편집기)가 귀하의 코드가 xml과 호환되기를 원할 수도 있습니다. 그것은 당신에게 달려 있습니다.
간단한 참고 사항:
br 과 혼동하지 wbr 태그 사용을 고려할 수도 있습니다. 텍스트에서 줄 바꿈을 추가해도 좋은 위치를 지정하는 단어 구분 기회 태그
자세한 내용은 HTML5 사양을 참조하세요.
끝 태그가 없는 요소를 빈 태그라고 합니다. html 4 및 html 5에서는 종료 태그가 필요하지 않으며 생략할 수 있습니다.
xhtml에서 태그는 매우 엄격합니다. 즉, 시작 태그로 시작하고 끝 태그로 끝나야 합니다.
출처 : http:www.stackoverflow.com/questions/1946426/html-5-is-it-br-br-or-br
| Dockerfile에서 CMD와 ENTRYPOINT의 차이점은 무엇입니까? (0) | 2021.12.03 |
|---|---|
| 숫자를 통화 문자열로 포맷하는 방법 (0) | 2021.12.03 |
| 병합된 모든 Git 브랜치를 어떻게 삭제할 수 있습니까? (0) | 2021.12.03 |
| 적용하지 않고 숨김에 무엇이 있는지 확인 [중복] (0) | 2021.12.03 |
| Java 배열을 인쇄하는 가장 간단한 방법은 무엇입니까? (0) | 2021.12.03 |