Co to jest pre w stylu CSS? Rola tagów kodu wstępnego pakowania w HTML

UżywamyWitryna WordPressMusisz nauczyć się podstaw CSS i HTML:

• Ze względu na pliki stylów CSS niektórych motywów WordPress, style tagów pre i code nie są dodawane.
• Obecnie obsługuje większość przeglądarekznak.

HTML  Przykład etykiety

Poniżej znajduje się styl CSS tagu pre (który może automatycznie zawijać kod HTML) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

Poniżej znajduje się styl CSS tagu kodu ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

Instrukcje:

• Skopiuj powyższe tagi CSS do motywu WordPress style.css w pliku.

HTML pre tag funkcja i instrukcje użytkowania

• Etykiety definiują wstępnie sformatowany tekst.
• W elementach znaczników zawarty tekst zwykle pozostawia spacje i podziały wierszy.
• Tekst będzie również wyświetlany czcionką o stałej szerokości.

Znaczniki są często标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Jeśli chcesz umieścić określony format tekstu w HTML, musisz skorzystać z atrybutu elementu wiodącego.

Wskazówki i instrukcje

wskazówka:Powszechnym zastosowaniem tagów jest reprezentowanie kodu źródłowego komputera.

Różnice między HTML 4.01 a HTML5

W HTML 4.01 atrybut „width” jest przestarzały i nie można go używać. HTML5 nie obsługuje atrybutu „szerokość”.

属性

Opis wartości nieruchomości

• Numer szerokości HTML5 nie obsługuje tego atrybutu.
• Ten atrybut jest przestarzały w HTML 4.01.
• Określa maksymalną liczbę znaków w wierszu (zwykle 40,80, 132 lub XNUMX).

właściwości globalne

• <pre>Znaczniki obsługują atrybuty globalne i zobacz pełny arkusz właściwości globalnych atrybutów HTML.

Właściwości wydarzenia

• Tagi obsługują wszystkie atrybuty zdarzeń HTML.