때때로 <BR />를 사용하는 것이 좋지 않습니까?

<BR/>태그 를 사용하는 것이 때때로 나쁜가요 ?

개발 팀이 내게 준 첫 번째 조언 중 일부는 다음과 같았 기 때문에 묻습니다 <BR/>. 대신 스타일을 사용하십시오. 그런데 왜? <BR/>태그를 사용할 때 부정적인 결과가 있습니까?

사용하지 않는 주된 이유 <br>는 의미 가 없기 때문입니다 . 다른 시각적 블록에 두 개의 항목이 필요한 경우 다른 논리적 블록에 두 개의 항목이 필요할 수 있습니다.

대부분의 경우 이는 예를 들어 서로 다른 요소 <p>Stuff</p><p>Other stuff</p>를 사용한 다음 CSS를 사용하여 블록을 올바르게 배치하는 것을 의미합니다.

경우가 있습니다 <br>의미 줄 바꿈이 유효, 즉 경우입니다 일부 당신이 보내는 데이터는. 이것은 실제로시와 우편 주소의 2 가지 사용 사례로 제한됩니다.

개발 팀이 <br />여백 간격 대신 참조하고 있다고 생각합니다 . 요소 사이에 빈 공간을 만들려면 CSS를 통해 패딩 / 여백 스타일을 사용하십시오.

나쁜 사용 <br />:

<div>
   Content
</div>
<br />
<br />
<br />
<br />
<div>
     More content...
</div>

잘 사용 <br />:

<style>
     div {
          margin-top:10px;
     }
</style>

<div>
   Content<br />
   Line break
</div>

<div>
     More content...
</div>

일반적으로 <br/>의미 론적 HTML이 잘못되었음을 나타냅니다. 가장 일반적인 경우는 <br/>단락 구분을 선언 하는 데 사용 하는 것인데, 의미 적으로 구분하는 훨씬 더 좋은 방법이 있습니다. Bed and BReakfast를 참조하십시오 .

사용하기에 적절한 태그가있는 경우가 있지만, 사람들이 더 나은 의미 론적 사고를 강요하기 위해 "사용하지 않음"정신을 채택하는 경우가 종종 있습니다.

팀에서 의미 한 것은 아마도 단락을 나누기 위해 <br> s를 사용하지 않았을 것입니다.

<p>I am a paragraph</p>
<p>I am a second paragraph</p>

CSS를 통해 단락 사이의 간격을 쉽게 조정할 수 있기 때문에 더 좋은 방법입니다. 그 외에는 다시 줄 바꿈하는 것을 생각할 수 없습니다.

레이아웃에 테이블을 사용하지 않는 이유에 대해서도 같은 개념이 적용됩니다. 테이블에 테이블을 사용하고 레이아웃에 CSS를 사용하십시오.

<br/>레이아웃에 영향을 주려면 텍스트 블록과 CSS에서 줄 바꿈에 사용하십시오 .

레이아웃을 직접 지정하면 예를 들어 다른 페이지 크기 나 글꼴에 맞게 사이트를 조정하기가 어렵습니다.

일반적으로 CSS를 사용하여 요소에 적절한 여백과 패딩을 설정 <br />합니다.

아마도 <br />기술적으로 정확하지는 않지만 CSS가 설정 한 여백과 패딩을 선호 하는 유일한 시간 은 약간 더 많은 공간이 필요한 고립 된 사건 일 것입니다. 꽤 큰 스타일 시트를 가지고 있고 그 하나의 발생에 대해서만 추가 스타일을 설정할 가치가없는 경우 일회성으로 사용할 수 있습니다 <br />.

대부분의 것들과 마찬가지로, <br />s가 올바르게 사용된다면 나쁘지 않습니다.

CSS를 비활성화 한 상태에서 쉽게 읽을 수있는 방식으로 마크 업을 작성하려고합니다. 간격을 추가하기 위해 BR을 사용하는 경우 여백과 패딩을 사용하는 것이 좋습니다.

<br />줄 바꿈에만 사용해야하며 페이지에 스타일을 적용하지 않아야합니다. 예를 들어, 단락 사이에 여분의 공간이 필요한 경우, 클래스를 제공하고 단락에 추가 패딩을 적용하십시오. 문단을 넓 히지 마십시오<br /><br ><br />

개행을 나타내는 데 사용됩니다. 더 이상 없습니다. 평균 지역 사이트처럼 공간을 채우지 않습니다. 그러나 개행을 넣는 것 이외의 다른 목적으로 유용 할 수 있는 경우는 하나뿐입니다 .

<br style="clear: both;">

세 개 이상의 연속을 사용하지 마십시오. <br>이는 문체를 목적으로 사용하고 있다는 신호이므로 아닙니다.

어떤 사람들은 하나만 <br>있으면 충분하고 두 개 대신 사용해야한다고 <p></p>말하지만, 일반적으로 단락과 같이 주제의 변경이나 새로운 기간 시작을 암시하지 않고 더 긴 일시 정지를 도입하려는 상황 (예 : 시나리오)이 있습니다.

적절하게 사용하면 괜찮습니다. 예를 들어 <p>태그 대신 사용 하거나 요소 사이에 간격을 만들면 안됩니다 . 연속으로 두 개가 있다면 아마도 뭔가 잘못했을 것입니다.

이렇게하면 : <BR/> <BR/>

다른 브라우저에서 다른 레이아웃을 얻을 수 있습니다.

더 깊게 : 줄 바꿈에만
사용하는 경우 <BR/>-좋습니다. 라인 스페이서로
사용 <BR/>하는 경우 -양호하지 않습니다.

다음 <br>은 스타일에 부정적인 영향을 줄 수 있는 예 입니다 (시각을 위해 스 니펫 실행).

(오른쪽에 잘못 정렬 된 버튼과 홀수 공간에 유의하십시오) :

button {
  width: 70px;
  height: 70px;
}
#arrows {
  border: solid thin red;
  display: inline-block;
}
#arrows span:first-of-type { 
  text-align: center; 
  display: block;
}
#moveUp {
  margin: 0;
}
/* In the current case instead of <br> use display */
/*
#arrows span:last-of-type { 
  display: block;
}
*/

<div id="arrows">
  <span>
    <button id="moveUp" value="üles">&uarr;</button> 
  </span>
  <button id="moveLeft" value="vasakule">&larr;</button> 
  <button id="moveDown" value="alla">&darr;</button> 
  <button id="moveRight" value="paremale">&rarr;</button> 
  <br>    <!-- note the shifted button and odd space on right -->
  <span>or move with keyboard arrows</span>
</div>

(HTML 4까지)에서 HTML : 사용 <br>
HTML 5 : <br> 선호되지만 <br/>및 <br />도 가능
에서는 XHTML : <br /> 바람직하다. 또한 사용할 수 <br/>또는<br></br>

따라서 <br>태그를 사용하는 것은 완벽하게 유효한 HTML입니다. 그러나 사용을 <br>권장하지 않습니다?

사용하지 않는 주된 이유 <br>는 시맨틱 태그가 아니고 내부에 내용이 없기 때문입니다. 사용을 피할 수 있습니다.

<p>some<br>text<p>

없이 표시 할 수 있습니다 <br>로

 <p>some</p>
 <p>text<p>

<br>CSS margin속성을 통해 달성 할 수있는 상단 간격 등과 같은 다른 목적을 사용하는 경우 .