Откомментируйте, пожалуйста, первую вёрстку

ianton · July 29, 2013

Макетик - http://ianton.me/psd...l/bb/layout.jpg

И сайтик - http://ianton.me/psd-to-html/bb/

Edited August 6, 2013 by ianton

Bassline · July 30, 2013

Чуть ли не в каждой подобной теме говорят, что id для стилизации лучше не использовать, для этого есть классы, а id оставить для javascript. Как-то так.

Edited July 30, 2013 by Bassline

ianton · July 30, 2013

Чуть ли не в каждой подобной теме говорят, что id для стилизации лучше не использовать, для этого есть классы, а id оставить для javascript. Как-то так.

Да, таких тем полно, но чем же все-таки это объясняется, если даже w3.org свёрстан почти на одних id?

wwt · July 30, 2013

Чуть ли не в каждой подобной теме говорят, что id для стилизации лучше не использовать, для этого есть классы, а id оставить для javascript. Как-то так.
Да, таких тем полно, но чем же все-таки это объясняется, если даже w3.org свёрстан почти на одних id?

Может пересмотрите еще раз? =) там на 30 классов дай бог 1 id в стилях (примерно, точно не считал). А сделано это скорее всего потому что если у элемента уже есть id для какого либо функционала на javascript то в стилях используют id для стилизации этого или дочерних элементов чтоб не городить лишние классы, и это логично. А для всех остальных элементов используют классы.

Вот что я имею ввиду:


<div id="mybutton"></div>
<div class="mybox"></div>
<style>
#mybutton {background:red;}
.mybox {background:green;}
</style>
<script>
$('#mybutton').click(function(){
alert('ok');
});
</script>

div с id=mybutton это кнопка и к ней привязан обработчик вот и стиль я привязываю к id

div c class=mybox просто стилизованный блок потому я использую класс.

Edited July 30, 2013 by wwt

nerv · July 30, 2013

делать так

<!DOCTYPE html>

а потом так


<div id="aside">
<div id="footer">
<div id="nav">

зачем?

ianton · July 30, 2013

Чуть ли не в каждой подобной теме говорят, что id для стилизации лучше не использовать, для этого есть классы, а id оставить для javascript. Как-то так.
Да, таких тем полно, но чем же все-таки это объясняется, если даже w3.org свёрстан почти на одних id?
Может пересмотрите еще раз? =) там на 30 классов дай бог 1 id в стилях (примерно, точно не считал). А сделано это скорее всего потому что если у элемента уже есть id для какого либо функционала на javascript то в стилях используют id для стилизации этого или дочерних элементов чтоб не городить лишние классы, и это логично. А для всех остальных элементов используют классы.
Вот что я имею ввиду:
<div id="mybutton"></div>
<div class="mybox"></div>
<style>
#mybutton {background:red;}
.mybox {background:green;}
</style>
<script>
$('#mybutton').click(function(){
alert('ok');
});
</script>
div с id=mybutton это кнопка и к ней привязан обработчик вот и стиль я привязываю к id
div c class=mybox просто стилизованный блок потому я использую класс.

Теперь ясно. Большое спасибо!

делать так
<!DOCTYPE html>
а потом так
<div id="aside">
<div id="footer">
<div id="nav">
зачем?

Сделал сначала 5-ми тегами, но всё поплыло в ие<9, вот и переименовал в дивы. А как правильнее поступить?

July 30, 2013

зачем?

Потому что так генераторы макетов делают.

А как правильнее поступить?

Ето в стили


aside, footer, nav { display: block }

Ето в шапку


<!--[if lte IE 8]>
	 <script> /*Для IE*/
		 document.createElement('aside');
		 document.createElement('nav');
		 document.createElement('footer');
	 </script>
<![endif]-->

Edited July 30, 2013 by 121990

Grifit · July 31, 2013

забудьте вы про ie. Если делать под ие, то эти упыри так и будет на нем сидеть, а мы будем в каменно веке жить.

cris7iano · July 31, 2013

какой век????

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

Как по мне лучше в хеад кинуть


<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Ну а там дело каждого

Edited July 31, 2013 by cris7iano

July 31, 2013

ie забыть невозможно

Sign In

Откомментируйте, пожалуйста, первую вёрстку

Recommended Posts

ianton

Link to comment

Share on other sites

Bassline

Link to comment

Share on other sites

ianton

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

nerv

Link to comment

Share on other sites

ianton

Link to comment

Share on other sites

121990

Link to comment

Share on other sites

Grifit

Link to comment

Share on other sites

cris7iano

Link to comment

Share on other sites

121990

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information