때때로 사용하기가 좋지
않습니까?
<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가 올바르게 사용된다면 나쁘지 않습니다.
세 개 이상의 연속을 사용하지 마십시오. <br>
이는 문체를 목적으로 사용하고 있다는 신호이므로 아닙니다.
어떤 사람들은 하나만 <br>
있으면 충분하고 두 개 대신 사용해야한다고 <p></p>
말하지만, 일반적으로 단락과 같이 주제의 변경이나 새로운 기간 시작을 암시하지 않고 더 긴 일시 정지를 도입하려는 상황 (예 : 시나리오)이 있습니다.
<br />
줄 바꿈에만 사용해야하며 페이지에 스타일을 적용하지 않아야합니다. 예를 들어, 단락 사이에 여분의 공간이 필요한 경우, 클래스를 제공하고 단락에 추가 패딩을 적용하십시오. 문단을 넓 히지 마십시오<br /><br ><br />
They are to be used to represent newlines. Nothing more. Not to fill up space like as at the average geocities site. There is however only one case wherein they may be useful for other purposes than putting a newline: to clear the floats.
<br style="clear: both;">
If you do this: <BR/> <BR/>
You will get diffrent layout on different browsers.
Deeper:
If you use <BR/>
just for line breaks - ok.
If you use <BR/>
as a line spacer - not ok.
I try to write my markup in a way that it's easily readable with CSS disabled. If you're just using BRs to add spacing, it's better to use margins and padding.
They're fine, if used appropriately. For instance, you shouldn't use them in lieu of <p>
tags or to create spacing between elements. You're probably doing something wrong if you ever have two in a row.
Here's an example how <br>
can negatively affect styling (run snippet for visuals)
(note the misaligned button and odd space on the right):
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">↑</button>
</span>
<button id="moveLeft" value="vasakule">←</button>
<button id="moveDown" value="alla">↓</button>
<button id="moveRight" value="paremale">→</button>
<br> <!-- note the shifted button and odd space on right -->
<span>or move with keyboard arrows</span>
</div>
In HTML (up to HTML 4): use <br>
In HTML 5: <br>
is preferred, but <br/>
and <br />
is also acceptable
In XHTML: <br />
is preferred. Can also use <br/>
or <br></br>
So use of <br>
tag is perfectly valid HTML. But use of <br>
is not recommended?
Main reason why not to use <br>
is because it's not semantic tag & has no content inside. Its use can be avoided like,
<p>some<br>text<p>
can be marked up without <br>
as
<p>some</p>
<p>text<p>
If you are using <br>
other purpose like top-spacing etc. that can be achieved via CSS margin
property.
참고URL : https://stackoverflow.com/questions/1726073/is-it-sometimes-bad-to-use-br
'programing tip' 카테고리의 다른 글
favicon.ico에 대한 링크 태그를 추가해야합니까? (0) | 2020.06.18 |
---|---|
List (0) | 2020.06.18 |
문자열의 첫 문자를 제거 (0) | 2020.06.17 |
Xcode에서 블록 주석을 작성하는 단축키가 있습니까? (0) | 2020.06.17 |
PostgreSQL에 행이 존재하는지 확인 (0) | 2020.06.17 |