HTML+CSS+JavaScript

На одном из семинаров рассказывалось о выводе информации через div в плане оптимизации продвижения сайтов. И был такой пример:

<!--  <div id="my"></div> --> <div id="top10"></div> <div id="link"></div> <div id="tag"></div>

А выводится таким образом:
- блок ссылок (пример в приложении);
- фрагменты текста;
- картинки;
- скрипты (вместо <script type="text/javascript" src="hide.php"></script>);
- код счетчика liveinternet.ru

<!--LiveInternet counter--><script type="text/javascript"><!-- new Image().src = "//counter.yadro.ru/hit;kp/msk?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,80))+ ";"+Math.random();//--></script><!--/LiveInternet--> <script type="text/javascript">

Как это делается, докладчик и сам не знает.

А действительно, как?

вопрос в том как изменить последовательность ?

т.е. в коде скажем

<div id="text">фрагменты текста</div>  <div id="link">блок ссылок</div>

а на экране сначала идут ссылки, а потом текст.

делается это с помощью стилей. фтопку таких докладчиков.

Можете привести пример, как с помощью стилей осуществить вызов внешнего скрипта и кода счетчика?

Вот это:

<script type="text/javascript" src="hide.js"></script>

И это:

<!--LiveInternet counter--><script type="text/javascript"><!--  new Image().src = "//counter.yadro.ru/hit;kp/msk?r"+  escape(document.referrer)+((typeof(screen)=="undefined")?"":  ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?  screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+  ";h"+escape(document.title.substring(0,80))+  ";"+Math.random();//--></script><!--/LiveInternet-->  <script type="text/javascript">

никак

Понятно.

А можете привести пример, как с помощью стилей вывести картинку или текст?

Или хоть что-нибудь, что выводится кодом

<div id="tag"></div>

#tag{     content: "Your browser supports content"; } #tag {     content: url(../pix/logo_quirksmode.gif); }

Спасибо, с текстом понятно - наверняка, в стилях можно указать как параметры шрифта, так и абзаца.

А как с картинкой?
Можно полностью задать в стилях все, что необходимо для её воспроизведения?
Размеры и положение, например справа?

#tag {      content: url(../pix/logo_quirksmode.gif);      float:right;     width:100px; }

Спасибо!

Может быть, таким образом можно и целиком всю таблицу задать?

html теги использовать не получиться.

И вот такое выражение действительно невозможно пренести в стили? Никак?

<script type="text/javascript" src="hide.js"></script>

признайтесь, зачем вам это надо? это же совершенно разные вещи - стили и скрипты. зачем одно в дргуое засовывать? вы чего-то темните. задачу так не ставят. скажите - у меня есть вот такие исходные данные, хочу получить вот такой результат. а то все намеками и закоулками...

это же совершенно разные вещи - стили и скрипты

И вот:

Автор: elenaki (01.01.2012 в 18:34)
делается это с помощью стилей.

имеется в виду, что с помощью стилей можно визуально изменить последовательность вывода информации.