> 웹 프론트엔드 > 프런트엔드 Q&A > html로 감싸이지 않는 태그는 무엇입니까?

html로 감싸이지 않는 태그는 무엇입니까?

PHPz
풀어 주다: 2023-04-23 16:06:29
원래의
5249명이 탐색했습니다.

HTML은 웹 페이지를 만드는 데 사용되는 마크업 언어입니다. 다양한 태그와 속성을 지원하고 다양한 스타일과 효과를 표현할 수 있습니다. HTML에서는 텍스트 조판 및 레이아웃과 같은 작업을 위해 일부 특수 태그를 사용해야 하는 경우가 많습니다. 그 중 줄 바꿈이 없는 태그는 매우 흔히 사용되는 태그인데, 이번 글에서는 이에 대해 자세히 소개하겠습니다.

HTML에서 줄을 나누지 않는 태그에는 주로 <br>, <wbr><nobr>가 포함됩니다. >, 각각 강제 줄 바꿈, 줄 바꿈은 하지만 강제 줄 바꿈은 안 함, 자동 줄 바꿈 금지를 나타내는 데 사용됩니다. 아래에서는 이러한 태그의 사용법과 주의사항을 하나씩 소개하겠습니다. <br><wbr><nobr>,它们分别用于表示强制断行、可折行但不强制断行和禁止自动换行。下面我们就来一一介绍这些标签的使用方法和注意事项。

  1. <br>标签

<br>标签可以让文本在该处另起一行显示,该标签不需要闭合,直接写成<br>即可。例如:

<p>这是第一行<br>这是第二行</p>
로그인 후 복사

上面的代码将在"这是第一行"和"这是第二行"之间插入一个换行符。

  1. <wbr>标签

<wbr>标签可以用于表示词内可折行的点,即指定词内的某个位置可以自动换行,但不会强制断行。该标签同样不需要闭合,直接写成<wbr>即可。例如:

<p>这是一个非常长的单词:超级长单词<wbr>(这个位置可以自动折行)</p>
로그인 후 복사

上面的代码将在"超级长单词"的某个位置插入一个可折行的点。

需要注意的是,<wbr>标签只在文本太长而必需折行的情况下才生效,如果文本本身就可以在当前行完整显示,该标签不会起作用。

  1. <nobr>标签

<nobr>标签可以用于禁止文本自动换行,即使文本太长而无法完全显示在一行上,该标签指定的部分也不会被强制折行到下一行。该标签需要在包含文本的元素内部使用,并需要闭合。例如:

<p><nobr>这是一个非常非常长的文本,虽然超过了一行的宽度,但是却不会被自动强制折行。</nobr></p>
로그인 후 복사

上面的代码将文本"这是一个非常非常长的文本,虽然超过了一行的宽度,但是却不会被自动强制折行。"从头到尾都设为不可自动折行。

需要注意的是,<nobr>标签在HTML5中已经被废弃了,不推荐使用。在样式表中可以使用white-space: nowrap;来实现禁止自动换行的效果。

除了上面介绍的三种标签,CSS样式表中还有一系列其他的样式可以用于控制文本的断行和换行效果。例如:

  • word-break:用于控制单词断行的方式;
  • line-break:用于控制行内元素换行的方式;
  • white-space
    1. <br> 태그
<br> 태그를 사용하면 텍스트를 다른 줄에 표시할 수 있습니다. 닫을 필요가 없으며 <br>로 직접 작성하면 됩니다. 예:

rrreee

위 코드는 "This is the first line"과 "This is the second line" 사이에 개행 문자를 삽입합니다. 🎜
  1. <wbr> 태그 🎜
🎜<wbr> 태그는 단어가 다음을 수행할 수 있음을 나타내는 데 사용될 수 있습니다. befolded 줄의 지점, 즉 지정된 단어 내의 특정 위치는 줄을 자동으로 줄바꿈할 수 있지만 강제로 줄바꿈을 하지는 않습니다. 이 태그도 닫을 필요가 없으며 <wbr>로 직접 작성하면 됩니다. 예: 🎜rrreee🎜위 코드는 "매우 긴 단어" 어딘가에 분리 가능한 지점을 삽입합니다. 🎜🎜<wbr> 태그는 텍스트가 너무 길어서 줄 바꿈해야 하는 경우에만 적용된다는 점에 유의하세요. 텍스트 자체가 현재 줄에 완전히 표시될 수 있는 경우 태그는 효력이 발생하지 않습니다. 🎜
  1. <nobr> 태그 🎜
🎜<nobr> 태그를 사용하여 자동 줄 바꿈을 비활성화할 수 있습니다. 텍스트가 너무 길어서 한 줄에 완전히 들어가지 않더라도 이 태그로 지정된 부분은 강제로 다음 줄로 넘어가지 않습니다. 태그는 텍스트가 포함된 요소 내에서 사용되어야 하며 닫혀야 합니다. 예: 🎜rrreee🎜위 코드는 "매우 긴 텍스트입니다. 한 줄의 너비를 초과하더라도 자동으로 처음부터 끝까지 강제로 줄 바꿈되지 않습니다."라는 텍스트를 설정합니다. 🎜🎜 <nobr> 태그는 HTML5에서 더 이상 사용되지 않으며 권장되지 않습니다. 스타일 시트에서 white-space: nowrap;을 사용하면 자동 줄 바꿈을 비활성화하는 효과를 얻을 수 있습니다. 🎜🎜위에 소개된 세 가지 태그 외에도 CSS 스타일 시트에는 텍스트의 줄 바꿈 및 줄 바꿈 효과를 제어하는 ​​데 사용할 수 있는 일련의 다른 스타일이 있습니다. 예: 🎜
  • word-break: 단어 줄 바꿈을 제어하는 ​​데 사용됩니다. 🎜
  • line-break: 인라인의 줄 바꿈을 제어하는 ​​데 사용됩니다. 요소 메서드; 🎜
  • 공백: 공백 문자의 표시 및 처리를 제어하는 ​​데 사용됩니다. 🎜🎜🎜간단히 말해서 HTML에서 이러한 금칙 태그와 스타일 시트의 사용을 익히면 웹 페이지 텍스트의 조판 및 레이아웃을 더 잘 제어하는 ​​데 도움이 될 수 있습니다. 🎜

위 내용은 html로 감싸이지 않는 태그는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿