html.okpython.net
HTML и CSS для начинающих

HTML :: Тег <rb>

В HTML тег <rb> (от англ. ruby baseбаза рубина) определяет вложенный в него текст как базовый компонент аннотации. Элемент должен располагаться внутри контейнера <ruby> и обычно используется совместно с элементами <rt> (формирует аннотацию к базовому тексту, после которого он идет), <rp> (используется для вывода текста в браузерах, не поддерживающих элемент <ruby>), <rtc> (поддерживается только в Firefox и формирует дополнительную аннотацию к тексту).

Закрывающий тег может быть опущен, если он является последним элементом в контейнере <ruby> или за ним идет один из элементов <rt>, <rp>, <rtc> или другой элемент <rb>.

Синтаксис

	<ruby>
	  ...
	  <rb>Базовый текст</rb>	
	  <rp>Текст, если нет поддержки</rp>
	  <rt>Аннотация</rt>
	  <rp>Текст, если нет поддержки</rp>
	   ...  
	</ruby>

	Закрывающий тег: не обязателен.

Атрибуты

Для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.

Ссылки

Примеры

HTML Результат htmlCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>

	<p>
		В этом примере выведено оригинальное английское написание<br> 
		города Сан-Франциско, его написание с помощью китайских<br>  
		иероглифов, а также дана транскрипция произношения на пиньинь.
	</p>
	
	<p>
		Если браузер не поддерживает элемент &lt;ruby&gt;,<br> 
		транскрипция будет выведена рядом с символами в скобках.
	</p>	
		
	<p>
		Сан-Франциско - 
		
		<ruby>
			<rb>旧</rb><rp>(</rp><rt>jiù</rt><rp>)</rp>
			<rb>金</rb><rp>(</rp><rt>jīn</rt><rp>)</rp>
			<rb>山</rb><rp>(</rp><rt>shān</rt><rp>)</rp>
		</ruby>.
	</p>
</body>
</html>

Пример №1

HTML Результат htmlCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №2</title>
</head>
<body>
	

	<p>
		Ниже представлен ряд пиктограмм и<br> 
		соответствующих им мнемоник. 
	</p>
	
	<p>
		Если браузер не поддерживает элемент &lt;ruby&gt;,<br> 
		мнемоники будут выведены рядом через запятые.
	</p>  	
		
	<p>
		<ruby>
			♠<rp>: </rp><rt>&amp;#x2660;</rt><rp>, </rp>
		</ruby>
		
		<ruby>
			♥<rp>: </rp><rt>&amp;#x2665;</rt><rp>, </rp>
		</ruby>		
		
		<ruby>
			♦<rp>: </rp><rt>&amp;#x2666;</rt><rp>, </rp>
		</ruby>		
		
		<ruby>
			♣<rp>: </rp><rt>&amp;#x2663;</rt><rp>. </rp>
		</ruby>		
	</p>
	
</body>
</html>

Пример №2