2015-10-12 1 views
4

У меня есть приложение, которое содержит множество цифр или букв в надстроке. Я заметил, чтоКаков лучший способ написания надстрочного текста на веб-страницах?

X<span style="vertical-align: super;">3</span> 

и только с помощью sup тег вокруг рисунка 3 и выход X3 в моем приложении.

Но только тег sup дает X3 на SO. Означает ли это, что я должен придерживаться последнего? Каковы различия, плюсы и минусы, если таковые имеются?

Редактировать: Я проверил http://www.w3schools.com/tags/tag_sup.asp и http://www.w3.org/TR/html-markup/sup.html. Кажется, я не вижу никаких различий.

+0

Только один добавляет смысловое значение. Оба могут быть стилизованы любым способом. Если требуется использовать span 'must', рассмотрите использование класса и таблицы стилей. – user2864740

+4

_'Но только тег sup дает X3 на SO Это означает, что я должен придерживаться последнего? »_ SO фильтрует код, который вы можете использовать, и он не имеет никакого отношения к тому, что вы должны использовать в своих собственных проектах. – j08691

+0

Стивен, вы можете заметить, что StackOverflow выдает любые' <' and '> ' теги из любых представленных данных, если они не входят в кодовый блок или строку кода. Я * думаю * вы можете использовать определения стиля суперскрипта, если вы используете справку по форматированию в областях текстового блока вопросов и ответов. – Martin

ответ

5

Просто используйте <sup>super</sup>,

Как вы уже видели в ссылке от W3C зир тег просто рутина для CSS:

sup { 
    vertical-align: super; 
    font-size: smaller; 
} 

Плюсы: Он работает на всех платформах, и это то, что он предназначен для. Также предоставляет семантический смысл читателям экрана и другим «ботам».

Против: Некоторые люди просто любят делать это сами в CSS.

Edit: И полный кредит j08691 - для этого очень емким комментарием:

SO фильтры, какой код вы можете использовать, и это не имеет никакого отношения, что вы должны использовать в своих проектах

+0

В качестве примечания стороны, как приходите вы можете положить тег в свой пост, и я не мог? –

+1

читать на встроенном коде на http: // stac koverflow.com/help/formatting - используйте символ обратного хода (обычно левая сторона номера 1 в верхнем левом углу клавиатуры), чтобы заключить разметку, предназначенную для отображения в виде кода. – Martin

+0

О, мое, так много мелочей, чтобы учиться здесь. Спасибо @ Мартин. –

0

Значок <sup> подходит для обычного текста абзаца, но как насчет текста внутри поля «title»; например, ... title = "Tombeau de Napol & eacute; on 1er" ...?

Я не могу получить «er» («st» на английском языке!) В надстрочном положении. <sup> тег не действует. :-(

Смежные вопросы