Требуется совет по организации раздела.
Проблема в следующем. Есть колонка с новостями. Новость нужно оптимально организовать. Я делаю так:
Всё вроде красиво. Но требуется еще один элемент - ссылка на полную версию статьи. Собственно, вопрос: уместно ли будет ипользовать просто тэг <a>?
Код:
<div class="article">
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
</div>
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
</div>
Всё вроде красиво. Но требуется еще один элемент - ссылка на полную версию статьи. Собственно, вопрос: уместно ли будет ипользовать просто тэг <a>?
Т.е. понятно, что вместо тэгов заголовков тоже можно использовать <p>, но ведь это не верно. Так вот верно ли использовать <a> или нужно тэг ссылки заключать еще в какой-то?
Не пойму смысла... Ссылка она и на Сахалине ссылка - A c соответствующим href
Правильно ли сделать так:
Или нужно этот тэг в какую-нить хрень погрузить типа:
А спрашиваю потому что один нехороший человек сейчас зохавает мой моск. С такой уверенностью ломает все мои представления, что меня уже злость берет. И главное, основной агрумент - "не тупи, делай как правильно". И что правильногов тэге <p> в данном случае?
Код:
<div class="article">
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
<a>Ссылка</a>
</div>
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
<a>Ссылка</a>
</div>
Или нужно этот тэг в какую-нить хрень погрузить типа:
Код:
<p>
<a>Ссылка</a>
</p>
<a>Ссылка</a>
</p>
А спрашиваю потому что один нехороший человек сейчас зохавает мой моск. С такой уверенностью ломает все мои представления, что меня уже злость берет. И главное, основной агрумент - "не тупи, делай как правильно". И что правильногов тэге <p> в данном случае?
[QUOTE=Комаджу]Т.е. понятно, что вместо тэгов заголовков тоже можно использовать <p>, но ведь это не верно. Так вот верно ли использовать <a> или нужно тэг ссылки заключать еще в какой-то?[/QUOTE]
А зачем?
Все что ты можешь захотеть сделать с тегом оболочкой ты можешь сделать и с самим <a>. Так зачем загромождать структуру HTML лишними тэгами?
А зачем?
Все что ты можешь захотеть сделать с тегом оболочкой ты можешь сделать и с самим <a>. Так зачем загромождать структуру HTML лишними тэгами?
<a> - элемент строковый, а любой строковый элемент должен находится внутри блочного.
Правильно так:
Правильно так:
Код:
<p><a href="#">текст</a></p>
[QUOTE=shine]А зачем?
Все что ты можешь захотеть сделать с тегом оболочкой ты можешь сделать и с самим <a>. Так зачем загромождать структуру HTML лишними тэгами?[/QUOTE]
Потому что есть такая вещь, как стандарты W3C, и повторю еще раз, строковый элемент, не находящийся внутри блочного - неправильно.
Все что ты можешь захотеть сделать с тегом оболочкой ты можешь сделать и с самим <a>. Так зачем загромождать структуру HTML лишними тэгами?[/QUOTE]
Потому что есть такая вещь, как стандарты W3C, и повторю еще раз, строковый элемент, не находящийся внутри блочного - неправильно.
Но ведь все эти элементы находятся в блоке:
Или я опять не прав?
Код:
<div class="article">
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
<a>Ссылка</a>
</div>
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
<a>Ссылка</a>
</div>
Или я опять не прав?
Да делай как хочешь. Всё от потребностей зависит... Просто положив ссылку в контейнер (в данном случае paragraph), получишь больше гибкости в его визуальном отображении.
[QUOTE=Комаджу]Но ведь все эти элементы находятся в блоке:
Или я опять не прав?[/QUOTE]
У тебя получается, что кругом блоки, а ссылка между ними. Хотя - этот спор безполезен, т.к. единственно верный ответ может дать только валидатор W3C. Попробуй, если проходит валидацию, то прав ты, иначе я.
Код:
<div class="article">
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
<a>Ссылка</a>
</div>
<h1>Заголовот статьи</h1>
<h2>Дата и время статьи</h2>
<p>Краткий текст статьи</p>
<a>Ссылка</a>
</div>
Или я опять не прав?[/QUOTE]
У тебя получается, что кругом блоки, а ссылка между ними. Хотя - этот спор безполезен, т.к. единственно верный ответ может дать только валидатор W3C. Попробуй, если проходит валидацию, то прав ты, иначе я.
[QUOTE=skywalker]единственно верный ответ может дать только валидатор W3C[/QUOTE]
Валидный код:
Валидный код:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title> </title>
</head>
<body>
<div class="Article">
<h1>заголовок</h1>
<h2>30 октября 2006 года, 12:08</h2>
<p>Текст тестового обновления.</p>
<a>Читать дальше...</a>
</div>
</body>
</html>
<html>
<head>
<title> </title>
</head>
<body>
<div class="Article">
<h1>заголовок</h1>
<h2>30 октября 2006 года, 12:08</h2>
<p>Текст тестового обновления.</p>
<a>Читать дальше...</a>
</div>
</body>
</html>
Сдаётся мне, что [COLOR=#007700]<[/COLOR][COLOR=#0000bb]a[/COLOR][COLOR=#007700]>[/COLOR][COLOR=#0000bb]Читать дальше[/COLOR][COLOR=#007700]...</[/COLOR][COLOR=#0000bb]a[/COLOR][COLOR=#007700]> - [COLOR=black]не совсем валидно. У этого элемента должен быть либо аттрибут name, либо href[/COLOR][/COLOR]
Да, меня порой смущает валидатор, но факт остается фактом - копируйте код и валидируйте, все ОК.
[QUOTE=Комаджу]Да, меня порой смущает валидатор, но факт остается фактом - копируйте код и валидируйте, все ОК.[/QUOTE]
Ну, что же, был не прав, и признаю свою ошибку.
Ну, что же, был не прав, и признаю свою ошибку.
Лично я против <p>. P - это параграф, т.е. текстовый блок некоторой величины. Мне кажется более логично было б в <span> запихнуть... Просто так будет проще им управлять... Но тут спор может быть вечен)))
На самом деле, я был уверен, что такие вещи должны быть задокументирвоаны где-то. Поэтому надеялся, что меня натыкают носом в спецификацию, зло проворчат: "RTFM", и все будут довольны. А оказывается все не однозначно.
На вёрстку как на таковую нет однозначной спецификации. Тут важны 2 вещи:
1. Валидация (вот на этом месте как раз так называемый RTFM)
2. Логика. Тут только советы и здравый ум. Нужна она для удобства чтения, понимания (попробуй напиши всё через одно место и в одну строчку на РНР). Например в <p> должен быть параграф и только параграф. В table должы быть табличные данные (прайс-лист например), а не разметка и т.д.
PS Даже на обработку стандартных тэгов не у всего есть спецификация, очень много "на усмотрение производителя пользовательского агента (браузера)" и из-за этого многие трактую по своему из-за чего мы и страдаем.
1. Валидация (вот на этом месте как раз так называемый RTFM)
2. Логика. Тут только советы и здравый ум. Нужна она для удобства чтения, понимания (попробуй напиши всё через одно место и в одну строчку на РНР). Например в <p> должен быть параграф и только параграф. В table должы быть табличные данные (прайс-лист например), а не разметка и т.д.
PS Даже на обработку стандартных тэгов не у всего есть спецификация, очень много "на усмотрение производителя пользовательского агента (браузера)" и из-за этого многие трактую по своему из-за чего мы и страдаем.