ну сходу, например, новой опере сносит башню, если инлайн элемент определить как relative, а в нем дать элемент с absolute, причем снос башни выражается в нереальных скролах вертикальных и горизонтальных ниоткуда вдруг, раньше такого не было + бесит неумение до сих пор грузить кастомные курсоры, например, отступы для текстовых элементов сверху +1px, в инпутах отступы сверху до сих пор по кривому считаются, в каждой верстке обязательно есть хаки под оперу… да много чего, маркетинг, маркетингом, а работать бы им тоже надо :)
давайте начнем со второго вопроса «зачем?», понимание этого зачем и есть понимание семантики, это собственно ее основа: элемент должен описывать содержимое, а не способ отображения этого содержимого. sup это superscript, то есть «элемент над строкой», название и суть описывает не содержимое, а как его показывать — семантика тут курит.
теперь по поводу «чем?» говорим о сносках как в вики — отличный пример из реальной жизни. что там такое сноска? это фактически ссылка на какой то поясняющий текст (обычно внизу документа или части документа), ну ссылка так ссылка:
(зачем в той же вики ссылка обрамлена лишним sup'ом, со всякими атрибутами, мой мозг не понимает)
интересно: в html5 ссылки разделяют на 3 типа и предлагают использовать в зависимости от того, насколько много текста в пояснении: для коротких сносок использовать не тег, а атрибут title, например, для тега span; для длинных — тег ссылки a; или же вообще воспользоваться «комментарием по ходу» (сбоку от текста, как например в ководстве), использовав тег aside.
если вы про техническую сторону, то:
— small это уменьшенный шрифт, {font-size: нужный размер} решает вопрос
— sub и sup это сдвиг инлайн элемента по высоте относительно основной линии (решается vertical-align'ом) и уменьшение размера (решается как со small)
если вы про семантическую сторону, то теги заменяются по контексту подходящими тегами, в зависимости от того, что в них находиться по смыслу
блин, я вам факты привожу, а вы каким то словоблудием занимаетесь
что же до html5, драфт, на который вы ссылаетесь, еще не принят и искренне надеюсь, что hr в окончательном варианте не будет ни в каком виде, ни в новом описании как сейчас, ни тем более в старом как в текущем стандарте
спор за сим прекращаю так же, что забавно по той же причине
и если уж вы так упорно не пытаетесь понять, что вам говорят, добью вас ссылкой на описание The XHTML 1.1 Document Type, где ваш позорный hr отнесен в группу Presentation Module, заметьте, не в Structure Module и даже не в Text Module, а именно в Presentation, вместе с такими позорными вещами как b, big, i, small, sub, sup, tt, черт возьми!
просто нет слов :)… я конечно рад, что у вас такое необычное хобби, как html верстка, и мне как профессионалу это даже немного льстит, но не нужно свои какие то умозаключение преподносить как истину в конечной инстанции, тем более, что такая истина в данном случае, к счастью, есть, в виде стандартов
что же до ваше комментария, то вы, наверное, не в курсе, что стандарт xhtml не описывает еще раз теги html, но для любителя это не страшно
а уж называть семантичными конструкции вида: <hr id="some-id" /><!--[if IE]><div id="some-id-ie"> </div><![endif]-->, это уж простите, я застрелюсь лучше
то, что вы вдруг с потолка для себя решили, что <hr> — это «разделитель секций в документе», это ваше право.
но к семантике тег не имеет никакого отношения, в спецификации написано четко: «The HR element causes a horizontal rule to be rendered by visual user agents».
а чему все так восхищаются? что в этом сайте хорошего то? то, что он симпатичнее старого?
сетка ужасная, сильно подозреваю, что отсутствует совсем; акценты все в кучу, с точки зрения юзабильности все плохо; огромная надпись «ПРЕДЫДУЩАЯ ВЕРСИЯ САЙТА» капслоком посередине экрана — это вообще полный финиш
sup
это superscript, то есть «элемент над строкой», название и суть описывает не содержимое, а как его показывать — семантика тут курит.теперь по поводу «чем?» говорим о сносках как в вики — отличный пример из реальной жизни. что там такое сноска? это фактически ссылка на какой то поясняющий текст (обычно внизу документа или части документа), ну ссылка так ссылка:
<a href="#footnote1" id="footnote1" class="footnote">[1]</a>
(зачем в той же вики ссылка обрамлена лишним sup'ом, со всякими атрибутами, мой мозг не понимает)
интересно: в html5 ссылки разделяют на 3 типа и предлагают использовать в зависимости от того, насколько много текста в пояснении: для коротких сносок использовать не тег, а атрибут
title
, например, для тегаspan
; для длинных — тег ссылкиa
; или же вообще воспользоваться «комментарием по ходу» (сбоку от текста, как например в ководстве), использовав тегaside
.— small это уменьшенный шрифт, {font-size: нужный размер} решает вопрос
— sub и sup это сдвиг инлайн элемента по высоте относительно основной линии (решается vertical-align'ом) и уменьшение размера (решается как со small)
если вы про семантическую сторону, то теги заменяются по контексту подходящими тегами, в зависимости от того, что в них находиться по смыслу
что же до html5, драфт, на который вы ссылаетесь, еще не принят и искренне надеюсь, что hr в окончательном варианте не будет ни в каком виде, ни в новом описании как сейчас, ни тем более в старом как в текущем стандарте
спор за сим прекращаю так же, что забавно по той же причине
что же до ваше комментария, то вы, наверное, не в курсе, что стандарт xhtml не описывает еще раз теги html, но для любителя это не страшно
<hr id="some-id" /><!--[if IE]><div id="some-id-ie"> </div><![endif]-->
, это уж простите, я застрелюсь лучше<hr>
— это «разделитель секций в документе», это ваше право.но к семантике тег не имеет никакого отношения, в спецификации написано четко: «The HR element causes a horizontal rule to be rendered by visual user agents».
<hr>
— это просто верх семантикиудалить и никому никогда не показывать, а самому — учиться, учиться и учиться!
сетка ужасная, сильно подозреваю, что отсутствует совсем; акценты все в кучу, с точки зрения юзабильности все плохо; огромная надпись «ПРЕДЫДУЩАЯ ВЕРСИЯ САЙТА» капслоком посередине экрана — это вообще полный финиш
$("tr:gt(5)").remove();