Как поднять текст в html

Как поднять текст в html коде выше для поисковиков?

Вечер добрый, Возникла проблема с одним из сайтов, страницы которого состоят из верхней текстовой части(каталог товаров) и нижней(оптимизированная статья под ключевые слова). Проблема в том, что при добавлении товаров в каталог — страница увеличивается до неимоверных размеров, — соответственно есть мнение что поисковый робот при сканировании страницы сверху-вниз не доходит до статьи (если и дойдет, то неизвестно ли примет ли он ее во внимание. Вопрос:можно ли сделать так чтоб в html коде нижний блок со статьей был бы выше верхнего(каталога товаров), хотя визуально на странице всё осталось как сейчас, без изменений. . может java script. буду благодарен за пример.

Googlebot не видит контент, скрытый под капчей
Влияет ли положение ключевого слова в тексте на ранжирование в результатах поиска
Google ответил на вопрос о случайной деиндексации сайта

29 сентября 2010, 18:55

vertical-align

Выравнивает элемент по вертикали относительно своего родителя, окружающего текста или ячейки таблицы.

Синтаксис

Значения

baseline Выравнивает базовую линию текущего элемента по базовой линии родителя. Если родительский элемент не имеет базовой линии, то за нее принимается нижняя граница элемента. bottom Выравнивает основание текущего элемента по нижней части элемента строки, расположенного ниже всех. middle Выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента. sub Элемент изображается как подстрочный, в виде нижнего индекса. Размер шрифта при этом не меняется. super Элемент изображается как надстрочный, в виде верхнего индекса. Размер шрифта остается прежним. text-bottom Нижняя граница элемента выравнивается по самому нижнему краю текущей строки. text-top Верхняя граница элемента выравнивается по самому высокому текстовому элементу текущей строки. top Выравнивание верхнего края элемента по верху самого высокого элемента строки. inherit Наследует значение родителя.

В качестве значения также можно использовать проценты, пикселы или другие доступные единицы. Положительное число смещает элемент вверх относительно базовой линии, в то время как отрицательное число опускает его вниз. При использовании процентов, отсчет ведется от значения свойства line-height , при этом 0% аналогично значению baseline .

Читать:

Сколько стоит трамблер на ваз 2109

Для выравнивания по вертикали в ячейках таблицы применяются следующие значения.

baseline Выравнивает базовую линию ячейки с базовой линией первой текстовой строки или другого вложенного элемента. bottom Выравнивает по нижнему краю ячейки. middle Выравнивает по середине ячейки. top Выравнивает содержимое ячейки по ее верхнему краю.

HTML5 CSS2.1 IE Cr Op Sa Fx

    vertical-align   TEX и LATEX

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства vertical-align

Объектная модель

[window.]document.getElementById(» elementID «).style.verticalAlign

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .

Как поднять текст вверх в html

Для смещения слов в тексте, можно использовать CSS свойство vertical-align . В качестве значения, это свойство может принимать не только значения в виде слов, но и пиксели, проценты и другие доступные единицы. Так, например, выставив положительное значение мы можем поднять часть букв, или часть слов вверх относительно остального текста.

 Пример текста  class="up">где часть слов  class="up">будут подняты

p  /* Сделаем текст крупнее чтобы лучше видеть разницу */ font-size: 20px; > .up  vertical-align: 15px; >

Как поднять текст вверх, если мешают отступы другого текста?

Даже представить трудно, что именно автор хочет реализовать. Лучше опиши нормально и убери эти кошмарные падинги .

6 сен 2022 в 6:24

А зачем такие огромные отступы? Если вы хотели чтобы блок занимал какое-то доп. пространство тогда задавайте конкретную ширину ( width ) и высоту ( height ), а такие отступы делать не надо. Если же вас всё устраивает, тогда просто используйте — bottom: НИЖНИЙ_ВУНТУРНЕННИЙ_ОТСТУПpx , что-то типа такого: .text2 < position: relative; bottom: 150px; >.