태그 - what does br stand for html




HTML 5:<br>,<br/>,<br/>입니까? (16)

  1. 일반 웹 사이트에서 HTML을 출력하는 경우 <br> 또는 <br/> 사용할 수 있습니다. 둘 다 HTML5를 텍스트 / HTML로 제공 할 때마다 유효합니다.

  2. HTML5를 XHTML로 제공하는 경우 (예 : XML 형식의 application / xhtml + xml 콘텐츠 유형) 다음과 같이 자체 마감 태그를 사용해야합니다. <br/> :

    그렇지 않으면 일부 브라우저가 페이지 렌더링을 거부 할 수 있습니다 (특히 Firefox는 유효한 xhtml + xml 페이지 만 렌더링하는 데 매우 엄격합니다).

    <br/> 1에서 언급 한 바와 같이 <br/> HTML5에도 XML로 생성되지만 XML 선언 없이 일반 텍스트 / HTML (예 : 웹 페이지를 생성하는 XSL 변환 또는 이와 유사한 것)로 제공되는 HTML5에 유효합니다.

혼란을 없애기 위해 : HTML5에서는 슬래시 앞에 공백을 넣지 않아도되며 페이지를 렌더링하는 방법에 아무런 차이가 없습니다 (누군가가 예제를 인용 할 수 있다면 이것을 철회 하겠지만 믿을 수는 없습니다). 사실 -하지만 IE는 확실히 모든 형태의 <br> 태그를 가진 이상한 많은 것들을합니다.

http://validator.w3.org/ 의 탁월한 유효성 검사기는 유효한지 확인하는 데 정말로 도움이됩니다 (콘텐츠 유형을 확인하기 위해 신뢰할 수 있는지 확신 할 수는 없지만).

다른 답변을 확인해 보았지만 여전히 혼란 스럽습니다. 특히 W3Schools HTML 5 참조를 본 후에는 혼란 스럽습니다.

HTML 4.01이 단일 태그를 <img><br> 으로 "허용"하도록되어 있다고 생각했습니다. 그런 다음 XHTML은 <img /><br /> ( 누군가가 구형 브라우저에 공간이 있다고 말한 곳 )과 함께 나타납니다.

이제 HTML 5를 연습 할 때 코드를 어떻게 포맷해야하는지 궁금합니다.

<!DOCTYPE HTML>

<br> , <br/> 또는 <br /> 입니까?


HTML <br> 및 XHTML <br/> .

<br/> 을 사용하라고 제안합니다.


Ummm ..... W3C 사양 100 %를 따랐던 단일 공급 업체, 사용자 에이전트 또는 브라우저 제조업체를 아는 사람이 있습니까 ??? 따라서 HTML5가 세 가지 중단 요소 버전을 모두 지원한다고 말하면 공급 업체가 동일하고 더 슬픈 버전을 지원할 수 있습니다!

이 토론에서 유일하게 중요한 것은 가능할 때 XML 사양과 HTML 사양을 일관되게 따르는 코딩을 지속적으로 사용하는 것입니다. 즉, 올바른 XML 버전의 중단 태그를 사용해야하며 모든 팀이 동일하게 수행하도록 권장해야합니다.

<br />

동일한 공간 슬래시 형식이 코드의 img, a, hr 및 meta 태그에 적용되어야합니다. 왜? 때문에:

  1. 이전 XHTML 사용자 에이전트 / 브라우저와 역 호환됩니다.
  2. 어쨌든 브라우저 공급 업체는 XML 버전을 지원하므로 HTML5 사양은 유용하지 않습니다.
  3. 현재, 과거 및 미래의 대부분의 사용자 에이전트의 엉성한 구현은이를 받아 들일 것입니다.
  4. 마크 업에서 XHTML / XML 문서를 작성해야하는 경우 마크 업을 XML 표준과 비교할 수 있습니다.
  5. 모든 웹 개발자가 모든 소문자, 인용 된 속성, 이스케이프 처리 된 XML 문자 등을 포함하여 XML을 따르는 견고한 마크 업 사례를 계속 사용하는 것은 "좋은 코딩 방법"입니다. 왜 그렇습니까? 앞으로 XML 데이터로 전환해야한다면 XML로 자동 작성하고 생각할 수 있습니다.
  6. 미래의 월드 와이드 웹 (World Wide Web)에서는 사설 공급 업체 구현 표준에서 벗어나 더 빠르고 신뢰할 수있는 확인 마크 업으로 돌아가서 데이터를 빠르게 분석하고 미래 인터넷을보다 표준화 할 수 있기를 바랍니다 XML을 사용하는 매체.

게다가, 여기에있는 로봇과 머신 세계에서, HTML5가 해결할 인간 인터페이스 코딩 문제가 없다면, 그들은 XML 데이터 시스템으로 돌아가서 XML로 변환 할 때 훨씬 빨리 UI 웹 페이지를 파싱 할 것입니다 데이터.


XHTML에서는 충분하지만 XHTML 에서는 WHATWG 에 따라 W3C에 따라 선호 됩니다 .

HTML 5.2 W3C 권장 사항섹션 8.1.2.1 , 2017 년 12 월 14 일 인용

시작 태그의 형식은 다음과 같아야합니다.

...

  1. 속성이 없으면 태그 이름 다음에 속성이 없으면 하나 이상의 공백 문자가있을 수 있습니다. (일부 속성 뒤에는 공백이 있어야합니다 (아래 속성 §8.1.2.3 참조).

  2. 그런 다음 요소가 void 요소 중 하나이거나 요소가 외부 요소 인 경우 단일 U + 002F SOLIDUS 문자 (/)가있을 수 있습니다. 이 문자는 void 요소에는 영향을 미치지 않지만 외부 요소에서는 시작 태그를 자동 닫기로 표시합니다.

Dreamweaver CS6을 사용하는 경우 <br /> 자동 완성됩니다.

W3C에서 HTML 파일의 유효성을 검사하려면 다음을 참조하십시오. http://validator.w3.org/


XML은 태그를 열어 두는 것을 허용하지 않으므로 다른 두 개보다 약간 더 나을 수 있습니다. 다른 두 개는 이전 브라우저와의 호환성을 위해 두 번째로 선호되는 것과 대략 동일합니다. 사실, 전에 / 공백으로 선호되는 공간이지만, 나는 속성을 가진 태그에만 의미가 있다고 생각합니다. 그래서 나는 당신의 미학을 즐겁게 해주는 것 또는 <br /> 말할 것입니다.

요약하자면, 세 가지 모두 유효하며 첫 번째 것은 조금 덜 "이식성"입니다.

편집 : 이제 사양에 대해 모두 미쳤 dev.w3.org/html5/markup/syntax.html#void-element 에 따르면이 점을 지적해볼 가치가 있다고 생각합니다.

시작 태그는 다음과 같은 순서로 구성됩니다.

  1. "<"문자.
  2. 요소의 태그 이름입니다.
  3. 선택적으로, 각각 하나 이상의 공백 문자가 앞에 와야하는 하나 이상의 속성.
  4. 선택적으로, 하나 이상의 공백 문자.
  5. 선택적으로 "/"문자. 요소가 void 요소 인 경우에만 표시 될 수 있습니다.
  6. ">"문자.

글쎄, 내가 아는 것은 <br /> 흰 선으로 휴식을 취하고 어떤 경우에는 휴식을 취하는 것이다. IPN 스크립트 (PHP)를 설정하고 메일을 보내고받은 편지함을 검사했을 때 이런 일이 일어났습니다. 왜 그랬는지 모르겠지만 <br /> and <br> 사용하여 깔끔하게 보이도록 메시지를 얻었습니다.

여기 메일을보십시오 : http://snag.gy/cLxUa.jpg

텍스트의 처음 두 섹션은 <br /> 의해 분리됩니다. 따라서 공백 라인, 아래쪽 텍스트의 마지막 3 행 및 마지막 섹션은 <br> 되어 새로운 행을 제공합니다.


나는 HTML 5 Reference Draft 에서 인용 한이 답변을 제공한다고 생각한다.

그러나 일부 요소는 내용을 전혀 포함하지 못하도록 금지되어 있습니다. 이것들은 void 요소로 알려져 있습니다. HTML에서는 위의 구문을 void 요소에 사용할 수 없습니다. 이러한 요소의 경우 요소가 파서에 의해 자동으로 닫히기 때문에 끝 태그를 생략해야합니다. 이러한 요소에는 br, hr, link 및 meta가 포함됩니다

HTML 예제 :

<link type="text/css" rel="stylesheet" href="style.css">

XHTML에서 XML 구문 요구 사항에 따라 위와 같이 명시적인 종료 태그 또는 빈 요소 구문을 사용하여 명시 적으로 지정해야합니다. 시작 태그의 끝 부분에 오른쪽 꺽쇠 괄호 바로 앞에 슬래시를 삽입하면됩니다.

예:

<link type="text/css" href="style.css"/>

제작자는 선택적으로 HTML 구문의 void 요소에 대해서도 동일한 구문을 사용할 수 있습니다. 일부 제작자는 슬래시 앞에 공백을 포함하기도하지만이 방법은 필요하지 않습니다. (XHTML 1.0, 부록 C의 호환성 가이드 라인에서 상속 된 규칙에 따라 공백 문자를 사용한다.)


다음과 같은 이유로 인해 <br />을 사용하는 것이 좋습니다.

1) XML 구문을 다른 색상으로 강조 표시하는 텍스트 및 XML 편집기는 <br />으로 올바르게 강조 표시되지만 <br>을 사용하면 항상 그렇지는 않습니다.

2) <br />은 XHTML과 하위 호환성이 있으며 잘 구성된 HTML (예 : XHTML)은 오류 및 디버그의 유효성을 확인하는 것이 더 쉽습니다

3) 일부 구형 파서 및 일부 코딩 사양은 WordPress Plugin 코딩 사양 ( http://make.wordpress.org/core/handbook/coding-standards/html/ )과 같이 닫는 슬래시 (예 : <br /> 대신) 이전에 공백이 필요합니다 http://make.wordpress.org/core/handbook/coding-standards/html/

저의 경험에 비추어 볼 때, 문제가되는 경우는 절대로 발견하지 못했습니다. 그러나 오래된 브라우저 및 도구에서 <br/> 또는 특히 <br>가 문제가되는 경우가 많습니다.


대부분 HTML의 경우 태그는 쌍으로되어 있습니다. 그러나 줄 바꿈을 위해 한 쌍의 태그가 필요하지 않습니다. 따라서이를 나타 내기 위해 HTML은 <br/> 사용합니다. <br/> 올바른 것이 맞습니다. 해당 형식을 사용하십시오.

<br> 태그에는 HTML에 끝 태그가 없습니다. XHTML에서 <br> 태그는 다음과 같이 올바르게 닫아야합니다. <br />

XML에서는 모든 태그를 닫아야합니다. XHTML은 XML의 확장이므로 유효한 XHTML을 위해서는 XML의 모든 규칙을 따라야합니다. 따라서 빈 태그 (자식 노드가없는 노드)조차도
닫아야합니다. XML에는 빈 노드에 대한 자체 닫기 태그라는 간단한 형식이 있습니다. <br></br> as <br /> 작성하실 수 있습니다. 따라서 XHTML에서는 <br /> 이 사용됩니다.

HTML은 이와 관련하여 매우 관대하며 그러한 규칙이 없습니다. 따라서 <br> <hr> <meta> html <br> <hr> <meta> 와 같은 HTML 빈 노드는 닫는 슬래시없이 작성됩니다.

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/" />

모든 태그가 자동으로 닫힐 수있는 것은 아닙니다. 예를 들어 XHTML DTD에서는 <script src="jQuery.min.js" /> 와 같은 태그를 사용할 수 없습니다.


많은 사람들이 다뤘 듯이, <br><br/> 는 모두 허용됩니다.

나는 trade-off가 더 나은 가독성과 <br/> backward 호환성을 제공한다고 생각한다.

그리고 GoogleGoogle을 사용하므로 I가 그렇게됩니다.

(물론 내가 지원하는 크롬을 사용하고 있기 때문에 그들이 나를 대신 할 수도 있음을 명심하십시오 .IE에서는 여전히 제공 할 수 있습니다 <br/> )


유효성 검사에서이 질문 중 실제로 확인하는 대상은 !DOCTYPE 입니다.

내 개인적으로 가장 좋아하는 것은 4.01 Trans 이며 여기서는 <br/> 그냥 사용하면 유효성 검사 중에 경고 및 오류가 사라집니다

Strict는 훨씬 복잡한 짐승입니다. "SHORTTAGS" 하고 말 그대로 단지 <br></br> "SHORTTAGS" <br></br>

코드 월드의 HTML5 또는 "LAX"에서는 실제로 올바른 detects every example you put up 했기 때문에 올바른 대답이 아닙니다 ......

결국, 중요한 is what validation YOU PREFER the person that you are working for prefers 이나 the person that you are working for prefers ... html5 코드 엄격 성에서의 lackadaisical 움직임과 함께 우리는 몇 가지 매우 위험한 코드를 보게됩니다.


spec 에 따르면 spec 의 예상 형식은 <br> 이지만 닫는 슬래시는 허용됩니다.


<br><br /> 모두 HTML5에서 사용할 수 있지만 HTML의 정신에서 <br> 사용해야합니다. HTML5는 이전에 HTML 4.01 및 XHTML 1.0이었던 문서와의 호환성을 높이기 위해 슬래시를 허용하여 HTML5 로의 이전을 용이하게합니다. 물론, <br/> 또한 허용되지만 일부 구형 브라우저와 호환되도록하려면 닫는 슬래시 ( / ) 앞에 공백이 있어야합니다.


<br><br /> 일부 브라우저에서는 다르게 렌더링되므로 다른 브라우저를 선택해도 프로젝트가 손상되지는 않지만 대량 검색을 수행하면 일부 브라우저에서 페이지 렌더링에 영향을 미치므로 결과가 발생할 수 있습니다 변경 사항이 테스트 브라우저에서는 아무런 영향을 미치지 않지만 클라이언트의 기본 브라우저에서이를 변경하면 혼자 힘들거나 혼란 스러울 수도 있습니다.

나는 Erwise와 Netscape Navigator (초기 웹 브라우저) 이후로 사용한 적이 있기 때문에 선호하지만, 대신 <br /> 을 선택하지 않아도됩니다. 일부 전처리, 비교 가능성 등에 유용 할 수 있습니다.

비록 당신의 선택이 다른 것보다 하나의 외관을 선호하는 것으로 귀결 되더라도, 또는 당신 (또는 당신이 선호하는 HTML 편집기, 예를 들면 Dreamweaver)은 코드가 XML을 따르는 것을 좋아할 것입니다. 그것은 당신에게 달려 있습니다.

빠른 사이드 노트 :

br 와 혼동하지 말고 HTML에서 wbr 태그를 사용하는 것도 고려해 볼 수 있습니다. 단어 분리 기회 태그는 텍스트에서 줄 바꿈을 추가 할 수있는 위치를 지정합니다.

자세한 내용은 HTML5 사양을 읽으십시오.


<br><br/> 모두 잘 해낼 것이지만 조금 더 논리적이기 때문에 선호한다. 시작 태그가있을 때마다 닫는 태그를 기대하는 것은 논리적입니다. 따라서 닫는 태그가 없을 때 열기 태그를 사용하지 않으면 코드가 약간 더 읽기 쉽습니다.

모든 브라우저 (문제가되지 않는 오래된 일부 브라우저 제외)는 정확히 동일하게 표시됩니다. 그러나 <br> 은 xHTML과 호환되지 않습니다.


<br> 잘 작동합니다. XHTML과 같은 더 엄격한 버전에서는 DOCTYPE 을 포함하지 않는 닫는 HTML 버전을 추가해야합니다. 예를 들어 <br></br> 와 같은 비 공백 태그를 사용해야합니다.

합계 : <br> 괜찮습니다. 다른 것들도 괜찮습니다.





html5