sportmaster

www.bezdeposita.com

Рейтинг

Регистрация

14.05.2009

15 сентября 2009, 15:32

DZR:
Всем доброго времени суток!

Подскажите плиз,

мне тут знакомый сказал что <strong> лучше ставить не более трех раз на странице и только на ключи, а все что хочется выделить по смыслу надо ставить <b>?
я, откровенно говоря, строногом выделял не только ключи, но и смысловые нагрузки.

кто что думает, кто как поступает?

Заранее всем большое спасибо!
Я бы Вам посоветовал следовать стандарту. Так или иначе все в будущем будет выполнятся именно по стандарту. От этого никуда не уйдешь.

Лично я использую тег <strong> для выделения ключевых слов - нет никакой необходимости пользоваться специфическими тегами форматирования html - такими как <b>, <i> и т.д. Но не нужно через раз на странице размещать ключевые слова и помещать их в <strong>. Сайт нужно развивать для посетителей, а не для поисковиков.

Если же Вам понадобится выделять слова, которые не являются ключевыми, для этого хорошо подойдет тег <span> и его можно использовать сколько угодно раз. А форматирование, помещенных в него слов, задавать через css.

Псевдокласс :target - как реализовать в IE 6?

14 сентября 2009, 17:16

Gevak:
Нашел интересную статью о псевдоклассе :target. Очень понравилось как меняется цвет для выбранного перехода по ссылке. Не понравилось только, что этот псевдокласс не работает в IE (тестировал на IE6). Никто не может подсказать кроссбраузерную альтернативу?

ЗЫ описанный автором пример хака для IE6 не работает:
*:target, .IE-target {
background-color: pink;
}
И в IE все работает, ищите ошибку у себя в коде. Вот попробуйте сохранить этот код

Html-файл

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Smooth scrolling demo</title>

<script type="text/javascript">

/* Smooth scrolling

Changes links that link to other parts of this page to scroll

smoothly to those links rather than jump to them directly, which

can be a little disorienting.

sil, http://www.kryogenix.org/

v1.0 2003-11-11

v1.1 2005-06-16 wrap it up in an object

*/

var ss = {

fixAllLinks: function() {

// Get a list of all links in the page

var allLinks = document.getElementsByTagName('a');

// Walk through the list

for (var i=0;i<allLinks.length;i++) {

var lnk = allLinks;
if ((lnk.href && lnk.href.indexOf('#') != -1) &&
( (lnk.pathname == location.pathname) ||
('/'+lnk.pathname == location.pathname) ) &&
(lnk.search == location.search)) {
// If the link is internal to the page (begins in #)
// then attach the smoothScroll function as an onclick
// event handler
ss.addEvent(lnk,'click',ss.smoothScroll);
}
}
},

smoothScroll: function(e) {
// This is an event handler; get the clicked on element,
// in a cross-browser fashion
if (window.event) {
target = window.event.srcElement;
} else if (e) {
target = e.target;
} else return;

// Make sure that the target is an element, not a text node
// within an element
if (target.nodeName.toLowerCase() != 'a') {
target = target.parentNode;
}

// Paranoia; check this is an A tag
if (target.nodeName.toLowerCase() != 'a') return;

// Find the <a name> tag corresponding to this href
// First strip off the hash (first character)
anchor = target.hash.substr(1);
// Now loop all A tags until we find one with that name
var destinationLink= document.getElementById(anchor);

// If we didn't find a destination, give up and let the browser do
// its thing
if (!destinationLink) return true;

// Find the destination's position
var destx = destinationLink.offsetLeft;
var desty = destinationLink.offsetTop;
var thisNode = destinationLink;
while (thisNode.offsetParent &&
(thisNode.offsetParent != document.body)) {
thisNode = thisNode.offsetParent;
destx += thisNode.offsetLeft;
desty += thisNode.offsetTop;
}

// Stop any current scrolling
clearInterval(ss.INTERVAL);

cypos = ss.getCurrentYPos();

ss_stepsize = parseInt((desty-cypos)/ss.STEPS);
ss.INTERVAL =
setInterval('ss.scrollWindow('+ss_stepsize+','+desty+',"'+anchor+'")',10);

// And stop the actual click happening
if (window.event) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (e && e.preventDefault && e.stopPropagation) {
e.preventDefault();
e.stopPropagation();
}
},

scrollWindow: function(scramount,dest,anchor) {
wascypos = ss.getCurrentYPos();
isAbove = (wascypos < dest);
window.scrollTo(0,wascypos + scramount);
iscypos = ss.getCurrentYPos();
isAboveNow = (iscypos < dest);
if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
// if we've just scrolled past the destination, or
// we haven't moved from the last scroll (i.e., we're at the
// bottom of the page) then scroll exactly to the link
window.scrollTo(0,dest);
// cancel the repeating timer
clearInterval(ss.INTERVAL);
// and jump to the link directly so the URL's right
location.hash = anchor;
}
},

getCurrentYPos: function() {
if (document.body && document.body.scrollTop)
return document.body.scrollTop;
if (document.documentElement && document.documentElement.scrollTop)
return document.documentElement.scrollTop;
if (window.pageYOffset)
return window.pageYOffset;
return 0;
},

addEvent: function(elm, evType, fn, useCapture) {
// addEvent and removeEvent
// cross-browser event handling for IE5+, NS6 and Mozilla
// By Scott Andrew
if (elm.addEventListener){
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent){
var r = elm.attachEvent("on"+evType, fn);
return r;
} else {
alert("Handler could not be removed");
}
}
}

ss.STEPS = 50;

ss.addEvent(window,"load",ss.fixAllLinks);

</script>

<style type="text/css">

*:target {
background-color: pink;
}
</style>

</head>
<body>
<h1 id="top">Smooth scrolling demo</h1>
<p>This script is by Stuart Langridge</p>
<p>Script updated 2006-01-31 to handle links with images in: thanks to
Gerd Xhonneux!</p>
<a href="#p0">Paragraph 0</a>
<a href="#p1">Paragraph 1</a>
<a href="#p2">Paragraph 2</a>
<a href="#p3">Paragraph 3</a>

<a href="#p4">Paragraph 4</a>
<a href="#p5">Paragraph 5</a>
<a href="#p6">Paragraph 6</a>
<a href="#p7">Paragraph 7</a>
<a href="#p8">Paragraph 8</a>

<a href="#zonk">I don't exist</a>
<h2 id="p0">Paragraph 0</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2 id="p1">Paragraph 1</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2 id="p2">Paragraph 2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>

<h2 id="p3">Paragraph 3</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2 id="p4">Paragraph 4</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>
<h2 id="p5">Paragraph 5</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
laoreet. Praesent sit amet odio vel metus suscipit suscipit. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Aliquam et est quis risus ornare interdum.
Mauris vitae nulla. Donec est. Morbi nec eros id lectus consequat
venenatis. Suspendisse augue. Nam at erat. Nunc eget eros vel orci
porta dictum.</p>
<p><a href="#top">Back to top</a></p>

</body>
</html>

Рейтинг браузеров!

14 сентября 2009, 15:14

Кто знает, какой сейчас удельный вес браузера "IE 5.0/5.5" в России и Украине?

Поддержка селекторов различными браузерами

11 сентября 2009, 22:41

neolord:
опыт подсказывает иное.
Возможно дело в том, что обычно я проверяю ie-testerом.
А не знаете, селекторы атрибутов какими браузерами поддерживаются?

sportmaster добавил 12.09.2009 в 02:45

Polimer:
реализация в ослике: http://habrahabr.ru/blogs/webdev/44201/
остальные более-менее современные поддерживают
Спасибо за информацию. Еще бы и для 6-го = )

Но не все советуют пользоваться этим методом. Почитайте комментарии к статье.

sportmaster добавил 12.09.2009 в 02:49

neolord, Все, нашел ответ по вашей ссылке. Спасибо. Очень полезная информация.

Каскадность. Кто побеждает?

11 сентября 2009, 22:29

neolord:
а что такое вообще 'user style sheet' ?
В некоторых браузерах есть поддержка пользовательских таблиц стилей, т.е, это когда я загружаю свою таблицу стилей в браузер и она переписывает таблицу стилей по умолчанию (таблицу стилей браузера). Ну и, как получается, таблицу стилей автора, при условии, что в моей таблице стоит "!important"

Рейтинг браузеров!

11 сентября 2009, 16:31

Prior:
Вот для украины полезный отчетец от Бигмир)Нет (в т.ч. и статистика использования браузеров).
В этой папке новые отчеты выкладываются.
Поразило то, что удельный вес Opera в мире очень маленький, а в Украине аж в районе 26%. И еще то, что очень малое число пользователей, которые используют монитор с разрешением 800x600 (где-то 2%).

sportmaster добавил 11.09.2009 в 20:36

Str256:
Москва и Камчатка - 9 часов разницы вроде..
Да, но это в любом случае относительная статистика. Одной Москвы будет достаточно.

Хотелось просто посмотреть, какими браузерами пользуются на работе (опять-таки повторюсь, что это очень относительно).

Рейтинг браузеров!

11 сентября 2009, 16:20

Str256:
Так Земля большая, разные часовые пояса....
Ммм... меня в данный момент интересуют только страны СНГ.

Поддержка селекторов различными браузерами

11 сентября 2009, 11:54

neolord:
first-child поддерживается даже в 6м как ни странно.
6-м точно не поддерживается. Вот смотрите www.htmlbook.ru/css/first-child.html

Joomla: все "за" и "против"

8 сентября 2009, 13:11

kimer:
Статичные УРЛ с ключевыми словами делаются легко.

Честно говоря, никогда не имел дела с CMS. Что Вы здесь имеете в виду, где делаются?

sportmaster добавил 08.09.2009 в 17:17

_voland_:
Если делать с умом - то хорошо. Особенности читаем в подписи
Спасибо за инфу. А где можно найти такой скриптик комментариев, как у Вас в конце странички стоит?

Извиняюсь за вопрос не по теме.

Joomla: все "за" и "против"

8 сентября 2009, 09:17

А кто знает какие особенности продвижения сайтов, созданных на Joomla?

Как обрабатывают код поисковики?

1 2 3 4 5 6 7 8 9 10

Всего: 97

Зачем быть уникальным в мире, где все можно скопировать

VK приобрела 70% в структуре компании-разработчика red_mad_robot

sportmaster