Валидная вёрстка? - SEO форум MaulTalk.com

Валидная вёрстка?, Новичок

Опции

stixia007

Topic Starter сообщение

10.11.2015, 6:27; Ответить: stixia007

Сообщение #1

Завсегдатай

Группа: Active User
Сообщений: 592
Регистрация: 23.2.2013
Поблагодарили: 21 раз
Репутация:

1

Здравствуйте. Вот составляю блоки, элементы под краткие новости. Возможно кто подскажет на мою дурость :da:

Код

<div class="block_short_news">
    <div class="title_main_block">
        <h2><a href="{full-link}">{title}</a></h2>
    </div>
    <div class="text_short_news clearfix">
        <div class="image_short_news">
            <img src="{image-1}" alt="{title}" width="250" height="150">
        </div>
        <div class="ps_short_news">
                <img src="{THEME}/images/title_game.png" alt="Название игры" style="margin-left: -1px;">
                <ul>
                   <li>[xfvalue_Кр. Заголовок]</li>
                </ul>
              <br>
            <img src="{THEME}/images/short_game.png" alt="Описание игры" style="vertical-align: bottom;">
                <ul>
                    <li>[xfvalue_Кр.Описание]</li>
                </ul>
        </div>
        {short-story}
    </div>
    <div class="info_short_news">
            <span class="info_t_news_main" id="icon_t_news_main_2">{date}</span>
            <span class="info_t_news_main" id="icon_t_news_main_2">{cate}</span>
    </div>
</div>

В данном шаблоне есть весьма странный блок:

Код

        <div class="ps_short_news">
                <img src="{THEME}/images/title_game.png" alt="Название игры" style="margin-left: -1px;">
                <ul>
                   <li>[xfvalue_Кр. Заголовок]</li>
                </ul>
              <br>
            <img src="{THEME}/images/short_game.png" alt="Описание игры" style="vertical-align: bottom;">
                <ul>
                    <li>[xfvalue_Кр.Описание]</li>
                </ul>
        </div>

То-есть на всех кратких новостях будет выводить по 2 одинаковые картинки, на них написано текстом "Название игры" и "Описание игры". Я не стал в ручную писать текстом т.к. он будет дублироваться что не очень, просто вставил картинки. На сколько это нормально?

Конечно можно было задать элементы "картинки" в :after css, но так они прогружаются после текста, смотрится ущербно, так что пришлось на прямую вставить в шаблон tpl.

Сообщение отредактировал stixia007 - 10.11.2015, 6:03

0

Ответить с цитированием данного сообщения

Alex_100 Alex_100 10.11.2015, 8:22; Сообщений: 232 Поблагодарили: 58 раз Репутация: 5 Просмотр профиля	10.11.2015, 8:22; Ответить: Alex_100 Сообщение #2
Участник Группа: User Сообщений: 232 Регистрация: 17.8.2015 Из: Планета Земля Поблагодарили: 58 раз Репутация: 5	Уважаемый stixia007, если ваша целы проверить вашу верстку на валидность то рекомендую сделать это на html и css валидаторах https://validator.w3.org/ https://jigsaw.w3.org/css-validator/ после проверки там высветятся все ваши ошибки и недочеты в вашем коде -------------------- Дизайнер Alex 100 Разработка дизайна для вашего сайта Поблагодарили: (2) arturios, stixia007

stixia007 Topic Starter stixia007Topic Starter 10.11.2015, 10:42; Сообщений: 592 Поблагодарили: 21 раз Репутация: 1 Просмотр профиля	Topic Starter 10.11.2015, 10:42; Ответить: stixia007 Сообщение #3
Завсегдатай Группа: Active User Сообщений: 592 Регистрация: 23.2.2013 Поблагодарили: 21 раз Репутация: 1	Онлайн сервис конечно хорошо, но я бы хотел обойтись без него тем более код не большой. Меня больше интересует отрезок кода выше, который будет дублировать картинки (одинаковые) на все кр. новости.

kronos kronos 10.11.2015, 16:18; Сообщений: 4703 Поблагодарили: 2633 раза Репутация: 328 Просмотр профиля	10.11.2015, 16:18; Ответить: kronos Сообщение #4
Белый веб-мастер Группа: Active User Сообщений: 4703 Регистрация: 10.2.2009 Из: Харьков Поблагодарили: 2633 раза Репутация: 328	зачем нужен список с одним элементом? style указывать в теге - дурной тон <br> в таком применении - тоже дурной тон -------------------- Вот с чего начинается Сайт Для Людей! Поблагодарили: (1) stixia007

mmkulikov mmkulikov 10.11.2015, 17:11; Сообщений: 2414 Поблагодарили: 685 раз Репутация: 76 Просмотр профиля	10.11.2015, 17:11; Ответить: mmkulikov Сообщение #5
Старожил Группа: Active User Сообщений: 2414 Регистрация: 21.9.2012 Из: СССР Поблагодарили: 685 раз Репутация: 76	Цитата(stixia007 @ 10.11.2015, 8:42) но я бы хотел обойтись без него Ну как-то живем и работаем по стандартам, которые однозначно проверяют указанные сервисы. А любое (пусть даже самое правильное) мнение пользователей - это лишь их(пользователей) субъективное мнение... Так-что Вы определитесь что имеено хотите: Узнать валидна ли верстка? Либо как-бы сделал другой вебмастер? -------------------- Сдается, обращаться скайп *avdesk-it-kmm* VPS от 5€ Поблагодарили: (1) stixia007

x64 x64 10.11.2015, 17:17; Сообщений: 4055 Поблагодарили: 3409 раз Репутация: 331 Просмотр профиля	10.11.2015, 17:17; Ответить: x64 Сообщение #6
F.A.L.L.O.U.T. Группа: Active User Сообщений: 4055 Регистрация: 30.6.2011 Из: Железнодорожный (Балашиха) Поблагодарили: 3409 раз Репутация: 331	Цитата(stixia007 @ 10.11.2015, 5:27) На сколько это нормально? Нормально с точки зрения валидности кода или поисковых систем? HTML пофигу, сколько одинаковых картинок — 10 (или 100, или ...) — размещено подряд. С другой стороны, насколько данный кусок верен можно судить только по доктайпу. Про использование атрибута style уже сказали. Поблагодарили: (1) stixia007

falken falken 10.11.2015, 18:31; Сообщений: 4392 Поблагодарили: 4805 раз Репутация: 400 Просмотр профиля	10.11.2015, 18:31; Ответить: falken Сообщение #7
online Группа: Super Moderator Сообщений: 4392 Регистрация: 23.3.2011 Поблагодарили: 4805 раз Репутация: 400	Цитата(stixia007 @ 10.11.2015, 9:42) Онлайн сервис конечно хорошо, но я бы хотел обойтись без него тем более код не большой. Это не какой-то онлайн сервис, это, мать их, стандарты www ) вам изначально верно порекомендовали, но а что касается правил, которые распространены в широких кругах верстальщиков, то старайтесь, как уже выше подметили, не оставлять в HTML коде то, что можно вынести в отдельный css/js/т.д. файл. Чем чище код, тем проще для вас и для людей, которые впоследствии могут взяться за доработку. Имейте уважение к тем, кто столкнется с вашим кодом и божеихупаси, если вы продолжите верстать в подобном духе. -------------------- 🗹 Быстрый и надежный хостинг от 135 рублей Поблагодарили: (2) stixia007, x64

stixia007 Topic Starter stixia007Topic Starter 11.11.2015, 8:32; Сообщений: 592 Поблагодарили: 21 раз Репутация: 1 Просмотр профиля	Topic Starter 11.11.2015, 8:32; Ответить: stixia007 Сообщение #8
Завсегдатай Группа: Active User Сообщений: 592 Регистрация: 23.2.2013 Поблагодарили: 21 раз Репутация: 1	Всем спасибо, всё понял буду поправлять

leministre leministre 12.11.2015, 8:17; Сообщений: 5 Поблагодарили: 1 раз Репутация: 0 Просмотр профиля	12.11.2015, 8:17; Ответить: leministre Сообщение #9
Новичок Группа: Viewer Сообщений: 5 Регистрация: 8.9.2011 Поблагодарили: 1 раз Репутация: 0	Попробуйте, ради интереса, валидатором пройтись по главной ya.ru, узнаете много интересного... Это я к тому, что не стоит пытаться в этом направлении перфекционировать.

x64

12.11.2015, 9:49; Ответить: x64

Сообщение #10

F.A.L.L.O.U.T.

Группа: Active User
Сообщений: 4055
Регистрация: 30.6.2011
Из: Железнодорожный (Балашиха)
Поблагодарили: 3409 раз
Репутация:

331

leministre, у Яндекса есть ресурсы для проверки отображения в разных браузерах.
Люди, у которых много лет вёрстки за плечами могут идти на умышленное нарушение стандартов, ибо знают, что делают.

Цитата(leministre @ 12.11.2015, 7:17)

что не стоит пытаться в этом направлении перфекционировать

Очень даже стоит. Фиг с ней, перекрёстной вложенностью em и strong, или использовании i и b, но сплошь и рядом попадаются незакрытые теги, которые валидатор чекает на раз. Но «у иандекса, и даже гугола, всё невалидна», зачем же мозг себе парить всякой фигнёй, да?

Пока опыта нет, всё делается по стандартам. Благо особых сложностей для каждодневного применения там нет.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ	0	bunneh	161	Вчера, 18:02 автор: bunneh
Вёрстка HTML-писем	30	Vampler	29330	27.3.2024, 12:41 автор: Vampler
Вёрстка лендинга + адаптивность Ищу исполнителя. Сверстать макет из PSD	4	zik	2189	2.8.2022, 16:56 автор: zik
Дизайн любой сложности и вёрстка под любую CMS	14	IT_alien	4519	15.2.2021, 18:16 автор: IT_alien
Дизайн любой сложности и вёрстка под любую CMS	0	IT_alien	1113	6.10.2020, 22:12 автор: IT_alien