Тема: Еmbedded / вградени стилове които НЕ се намират в <HEAD></HEAD> (Прочетена 1321 пъти)

Naka · « -: Nov 09, 2009, 13:53 »

Стандрата казва че стиловете трябва да се дефинират в <HEAD></HEAD>

Код

GeSHi (HTML):
<HTML>
<HEAD>
<TITLE>home page</TITLE>
 
<STYLE type="text/css">
.......
....... 
</STYLE>
 
</HEAD>
 
 
<BODY>
 ..... 
</BODY>
</HTML>

Но забелязвам, че <STYLE type="text/css"></STYLE> може да се намира навсякъде в документа и FF го обработва правилно, стига дефинициата на стила да е преди използването му.

Така и го правя, но се чудя доколко това е коректно? И какви проблеми могaт евентуално да възникнат?

Струва ми се че и е много гъвкаво по-този начин. Например някъде имаш блок с html код, и този блок е отделен и си върви със собствен стил, защо да не изобрази стила точно преди да се използва този блок.

Например така:

Код

GeSHi (HTML):
<HTML>
<HEAD>
<TITLE>home page</TITLE>
</HEAD>
<BODY>
 
<STYLE type="text/css">
...стилове 1
</STYLE>
...блок1..
 
<STYLE type="text/css">
...стилове 2
</STYLE>
...блок2..
 
</BODY>
</HTML>

VladSun · « **Отговор #1 -:** Nov 10, 2009, 10:35 »

Според HTML стандартът STYLЕ можеш да имаш само в HEAD секцията. Това означава, че твоят похват може да има проблеми при използването му в някои браузери.
Второ, смесването на съдържание и презентация не е добър подход. Би трябвало да се стремиш да имаш само външни CSS файлове и без никакво използване на STYLE тагове или in-line style атрубути.

Naka · « **Отговор #2 -:** Nov 10, 2009, 13:01 »

Цитат на: VladSun в Nov 10, 2009, 10:35

Второ, смесването на съдържание и презентация не е добър подход. Би трябвало да се стремиш да имаш само външни CSS файлове и без никакво използване на STYLE тагове или in-line style атрубути.

Разбира се че е така. Мога да имам и външни и стилове с <STYLE> тагове. Причината поради която екпериментирам със <STYLE> тагове е че страницата е предназначена да се включва от отдалечено include и искам да си идва изцяло пакетирана и да не зависи почти от нищо.

За въпроса за коректността с FF няма проблеми,... но трябва да порбвам и с други браузери.

shoshon · « **Отговор #3 -:** Nov 10, 2009, 13:30 »

HTML 5 Style Tag
Хвърли едно око. По-скоро на scoped модификатора. Така ще избегнеш "стилизирането" не обект който не искаш, ще редуцураш размера на кода (няма да слагаш излишни class и id) и ще се изгъзърееш, че знаеш стандарта

.
От личен опит знам че до IE 6 nested използването на <style> е позволено.Да кажем също и че по стари данни 60% (2008) от browser-ите поддържат HTML 5.

VladSun · « **Отговор #4 -:** Nov 10, 2009, 16:11 »

Цитат на: Naka в Nov 10, 2009, 13:01

Причината поради която екпериментирам със <STYLE> тагове е че страницата е предназначена да се включва от отдалечено include и искам да си идва изцяло пакетирана и да не зависи почти от нищо.

Предполагам, че няма да е проблем и да пуснеш отдалечен CSS за include "" / <link ..

Но те разбирам - определено. Проблемът се появява и при използването на "partial views".

Подобни теми
	Заглавие	Започната от	Отговора	Прегледи	Последна публикация
	Настройка на dual head Настройка на програми	shoshon	0	874	Feb 18, 2009, 17:37 от shoshon

Автор Тема: Еmbedded / вградени стилове които НЕ се намират в <HEAD></HEAD> (Прочетена 1321 пъти)

Naka

Еmbedded / вградени стилове които НЕ се намират в <HEAD></HEAD>

VladSun

Re: Еmbedded / вградени стилове които НЕ се намират в <HEAD></HEAD>

Naka

Re: Еmbedded / вградени стилове които НЕ се намират в <HEAD></HEAD>

shoshon

Re: Еmbedded / вградени стилове които НЕ се намират в <HEAD></HEAD>

VladSun

Re: Еmbedded / вградени стилове които НЕ се намират в <HEAD></HEAD>