Éric, assim como o googlebot e outros bots da vida leem o código, softwares como o JAWS e outros leitores de tela também o fazem.... e eles tem que separar o joio do trigo.
<header> <script><!-- ok, não espero conteúdo nesta parte --> </header> <article> <p>texto </p> <p><script></p> <!-- isso não é conteúdo, ou é? --> </article> O código mais limpo é mais acessível, tanto para bots como para leitores de tela. No dia a dia não faz diferença para pessoas com suas capacidades normais, bons softwares e conexão, mas tem leitores de tela que não se dão bem com isso. Fora isso, dar manutenção num site onde não existe um padrão para injetar JS e CSS é chato. No caso de um framework isso não é tanto problema, pois as views estão separadas, mas nem sempre é o caso. O segundo ponto é... o quão chato podemos ser no desenvolvimento de sites. hehe A organização (semântica) do código é para os programadores, designers, bots e leitores de tela. Abraços, Bruno Barros Web Designer | Desenvolvedor front-end | Adaptável [email protected] [email protected] www.brunobarros.com Na Web: LinkedIn <http://br.linkedin.com/pub/bruno-barros/19/1b3/a13> Flickr<http://www.flickr.com/photos/brunobarros> Twitter <http://www.flickr.com/photos/brunobarros> Design Adaptável: O que é Design Adaptável?<http://www.designadaptavel.com.br/artigos/o-que-e-design-adaptavel> [image: Twitter] <http://twitter.com/bruno_barros>Tweet: Testando RockMelt... e indo muito bem!!! Follow @bruno_barros <http://twitter.com/bruno_barros> <http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> Reply<http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> <http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> Retweet<http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> 00:41 Nov-22 <http://twitter.com/bruno_barros/statuses/6537694930800640> Get this email app! <http://www.wisestamp.com/apps/twitter?utm_source=extension&utm_medium=email&utm_term=twitter&utm_campaign=apps> Em 22 de novembro de 2010 12:11, Eric Saboia <[email protected]> escreveu: > Bruno, > > Continuo não vendo problemas em por um include de JS no meio do código > html. Nem por questões semânticas nem por SEO. > > Você teria alguma referência sobre o assunto? fiquei interessado em > pesquisar mais sobre isso. > > 2010/11/22 Bruno Barros <[email protected]> > > OK Julio, >> veja no meu email anterior. Só não gosto desta mistura de JS no meio da >> página em função da semântica do código. Da mesma forma que não gostamos de >> usar JS e HTML no meio do PHP. >> >> Eu estou usando o WP e adorando pela facilidade para projetos pequenos e >> médios, mas os plugins injetam JS e CSS adoidado no meio da página. :-( >> >> Usando um framework tenho a possibilidade de fazer melhor, entende? >> >> >> Abraços, >> >> >> Bruno Barros >> >> Web Designer | Desenvolvedor front-end | Adaptável >> >> [email protected] >> >> [email protected] >> >> www.brunobarros.com >> Na Web: LinkedIn <http://br.linkedin.com/pub/bruno-barros/19/1b3/a13> >> Flickr <http://www.flickr.com/photos/brunobarros> >> Twitter<http://www.flickr.com/photos/brunobarros> >> Design Adaptável: O que é Design >> Adaptável?<http://www.designadaptavel.com.br/artigos/o-que-e-design-adaptavel> >> [image: Twitter] <http://twitter.com/bruno_barros> Tweet: Testando >> RockMelt... e indo muito bem!!! >> Follow @bruno_barros <http://twitter.com/bruno_barros> >> <http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> >> Reply<http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> >> <http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> >> Retweet<http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> >> 00:41 Nov-22<http://twitter.com/bruno_barros/statuses/6537694930800640> >> Get this email app! >> <http://www.wisestamp.com/apps/twitter?utm_source=extension&utm_medium=email&utm_term=twitter&utm_campaign=apps> >> >> >> >> Em 22 de novembro de 2010 11:49, Julio Fagundes < >> [email protected]> escreveu: >> >> Mas quando vocês colocam na View vocês inserem a tag chamando o JS na >>> mão, ok? >>> - Sim e não.. a tag pode ser na mão. mas o arquivo.js pode ser dinâmico. >>> >>> >>> Vocês colocam tags <script> fora da header? >>> - Só deixe no header os necessários. >>> Tenha em mente que uma página só começa ser exibida depois de todo o >>> header carregado. então ali só deve ficar o necessário. (Ex: jQuery.js, mas >>> não as chamadas de funções do jQuery;) >>> em sites grandes você verá muitos js sendo chamados lá no rodapé. isso é >>> recomendação pra boa performance. >>> >>> Ou vocês tem (no template) mais de um "header"? >>> - Nunca >>> >>> >>> Afinal temos páginas que usam determinados plugins e outras, não. Sendo >>> assim não carregamos as bibliotecas JS o tempo todo. >>> Isso ai vai da necessidade. >>> >>> Você pode enviar uma condição do controller para a view. algo como um >>> array dos plugins que serão usados, >>> e na view que tem o header você recebe esse array e chama os devidos >>> plugins; >>> >>> Sds >>> Julio Fagundes >>> >>> Bruno Barros escreveu: >>> >>> Mas quando vocês colocam na View vocês inserem a tag chamando o JS na >>> mão, ok? >>> >>> Vocês colocam tags <script> fora da header? >>> Ou vocês tem (no template) mais de um "header"? >>> >>> Afinal temos páginas que usam determinados plugins e outras, não. Sendo >>> assim não carregamos as bibliotecas JS o tempo todo. >>> >>> Abraços, >>> >>> Bruno Barros >>> >>> Web Designer | Desenvolvedor front-end | Adaptável >>> >>> [email protected] >>> >>> [email protected] >>> >>> www.brunobarros.com >>> Na Web: LinkedIn <http://br.linkedin.com/pub/bruno-barros/19/1b3/a13> >>> Flickr <http://www.flickr.com/photos/brunobarros> >>> Twitter<http://www.flickr.com/photos/brunobarros> >>> Design Adaptável: O que é Design >>> Adaptável?<http://www.designadaptavel.com.br/artigos/o-que-e-design-adaptavel> >>> [image: Twitter] <http://twitter.com/bruno_barros> Tweet: Testando >>> RockMelt... e indo muito bem!!! >>> Follow @bruno_barros <http://twitter.com/bruno_barros> >>> <http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> >>> Reply<http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> >>> <http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> >>> Retweet<http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> >>> 00:41 Nov-22<http://twitter.com/bruno_barros/statuses/6537694930800640> >>> Get this email app! >>> <http://www.wisestamp.com/apps/twitter?utm_source=extension&utm_medium=email&utm_term=twitter&utm_campaign=apps> >>> >>> >>> >>> 2010/11/22 Julio Fagundes <[email protected]> >>> >>>> Pois é. deixo na view também. e o jQuery já é um framework beem >>>> compacto! :) >>>> >>>> E quanto menos carga para o CI, PHP eu acho melhor. >>>> >>>> *Custumo fazer testes de profilling com o xdebug/cachegrind, e como >>>> ajuda remover certos detalhes do processamento php. >>>> Mas nada que essa lib vá atrasar também, estou só generalizando o >>>> conceito de separar as coisas. rs >>>> >>>> >>>> Sds >>>> Julio Fagundes >>>> >>>> Eric Saboia escreveu: >>>> >>>> faço na view direto também.. já usava Jquery antes mesmo de conhecer o >>>> CI, não vejo problema em trabalhar direto com ele. >>>> >>>> On Mon, Nov 22, 2010 at 9:35 AM, William Rufino >>>> <[email protected]>wrote: >>>> >>>>> isso! e fiz um pequeno helper pra carregar os arquivos >>>>> >>>>> https://github.com/williamhrs/Javascript-Loader-Helper >>>>> >>>>> >>>>> >>>>> William Rufino >>>>> Desenvolvedor Web - Analista de Sistemas >>>>> 31 8875-3143 >>>>> http://www.williamrufino.com.br >>>>> http://www.websitesinteligentes.com.br >>>>> >>>>> >>>>> Em 22 de novembro de 2010 10:31, Bruno Barros >>>>> <[email protected]>escreveu: >>>>> >>>>> Faço como o Ademir, >>>>>> na View "header" do template tem uma variável $scripts que através do >>>>>> controller despejo os JS, inclusive com a classe minifyer. >>>>>> >>>>>> Abraços, >>>>>> >>>>>> >>>>>> Bruno Barros >>>>>> >>>>>> Web Designer | Desenvolvedor front-end | Adaptável >>>>>> >>>>>> [email protected] >>>>>> >>>>>> [email protected] >>>>>> >>>>>> www.brunobarros.com >>>>>> Na Web: LinkedIn<http://br.linkedin.com/pub/bruno-barros/19/1b3/a13> >>>>>> Flickr <http://www.flickr.com/photos/brunobarros> >>>>>> Twitter<http://www.flickr.com/photos/brunobarros> >>>>>> Design Adaptável: O que é Design >>>>>> Adaptável?<http://www.designadaptavel.com.br/artigos/o-que-e-design-adaptavel> >>>>>> [image: Twitter] <http://twitter.com/bruno_barros> Tweet: Testando >>>>>> RockMelt... e indo muito bem!!! >>>>>> Follow @bruno_barros <http://twitter.com/bruno_barros> >>>>>> <http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> >>>>>> Reply<http://twitter.com/?stat...@bruno_barros%20&in_reply_to_status_id=6537694930800640&in_reply_to=bruno_barros> >>>>>> <http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> >>>>>> Retweet<http://twitter.com/?status=RT%20%40bruno_barros%3A%20Testando%20RockMelt...%20e%20indo%20muito%20bem%21%21%21> >>>>>> 00:41 >>>>>> Nov-22<http://twitter.com/bruno_barros/statuses/6537694930800640> >>>>>> Get this email app! >>>>>> <http://www.wisestamp.com/apps/twitter?utm_source=extension&utm_medium=email&utm_term=twitter&utm_campaign=apps> >>>>>> >>>>>> >>>>>> >>>>>> Em 22 de novembro de 2010 10:28, Cliff Oliveira < >>>>>> [email protected]> escreveu: >>>>>> >>>>>> não conhecia essa livraria >>>>>>> vou dar uma olahda nela >>>>>>> >>>>>>> >>>>>>> >>>>>>> Em 22 de novembro de 2010 09:13, Marcio Rodrigues Adão < >>>>>>> [email protected]> escreveu: >>>>>>> >>>>>>>> Prezados, >>>>>>>> >>>>>>>> Sou nova na lista, ainda não achei a forma de pesquisar no >>>>>>>> histórico da lista. >>>>>>>> >>>>>>>> Gostaria de saber se alguém utiliza está library para trabalhar >>>>>>>> com JQuery: http://code.google.com/p/codeigniter-jquery/ >>>>>>>> >>>>>>>> Ou se tem alguma forma mais fácil de fazer isso. >>>>>>>> >>>>>>>> Obrigado. >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> — >>>>>>>> >>>>>>>> *Márcio Rodrigues Adão* >>>>>>>> Analista Programador | www.a1code.com.br <http://a1code.com.br> >>>>>>>> >>>>>>>> T: (11) 4973-1198 >>>>>>>> C: (11) 8126-7806 >>>>>>>> E: [email protected] >>>>>>>> <http://a1code.com.br> >>>>>>>> [image: LinkedIn] <http://br.linkedin.com/in/marcadans>[image: >>>>>>>> Twitter] <http://twitter.com/marc_adans>[image: >>>>>>>> Google]<http://www.google.com/profiles/marc.adans>[image: >>>>>>>> Picasa] <http://picasaweb.google.com/marc.adans>[image: >>>>>>>> WordPress]<http://marctomyself.wordpress.com/>[image: >>>>>>>> Google Talk/] <[email protected]>[image: >>>>>>>> MSN/]<[email protected]> >>>>>>>> >>>>>>>> _______________________________________________ >>>>>>>> [email protected] >>>>>>>> http://www.codeigniter.com.br >>>>>>>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>>>>>>> >>>>>>>> --------------------------- >>>>>>>> Oportunidade de negócio >>>>>>>> http://www.franquiasargohost.net >>>>>>>> --------------------------- >>>>>>>> >>>>>>>> >>>>>>> >>>>>>> >>>>>>> -- >>>>>>> Cliff Oliveira >>>>>>> www.tribodeideias.com.br >>>>>>> >>>>>>> _______________________________________________ >>>>>>> [email protected] >>>>>>> http://www.codeigniter.com.br >>>>>>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>>>>>> >>>>>>> --------------------------- >>>>>>> Oportunidade de negócio >>>>>>> http://www.franquiasargohost.net >>>>>>> --------------------------- >>>>>>> >>>>>>> >>>>>> >>>>>> _______________________________________________ >>>>>> [email protected] >>>>>> http://www.codeigniter.com.br >>>>>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>>>>> >>>>>> --------------------------- >>>>>> Oportunidade de negócio >>>>>> http://www.franquiasargohost.net >>>>>> --------------------------- >>>>>> >>>>>> >>>>> >>>>> _______________________________________________ >>>>> [email protected] >>>>> http://www.codeigniter.com.br >>>>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>>>> >>>>> --------------------------- >>>>> Oportunidade de negócio >>>>> http://www.franquiasargohost.net >>>>> --------------------------- >>>>> >>>>> >>>> >>>> >>>> -- >>>> Eric Saboia - eric.saboia.org >>>> CSM, ZCE >>>> >>>> ------------------------------ >>>> >>>> _______________________________________________li...@codeigniter.com.brhttp://www.codeigniter.com.brhttp://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>>> >>>> --------------------------- >>>> Oportunidade de negóciohttp://www.franquiasargohost.net >>>> --------------------------- >>>> >>>> >>>> >>>> >>>> _______________________________________________ >>>> [email protected] >>>> http://www.codeigniter.com.br >>>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>>> >>>> --------------------------- >>>> Oportunidade de negócio >>>> http://www.franquiasargohost.net >>>> --------------------------- >>>> >>>> >>> ------------------------------ >>> >>> _______________________________________________li...@codeigniter.com.brhttp://www.codeigniter.com.brhttp://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>> >>> --------------------------- >>> Oportunidade de negóciohttp://www.franquiasargohost.net >>> --------------------------- >>> >>> >>> >>> >>> _______________________________________________ >>> [email protected] >>> http://www.codeigniter.com.br >>> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >>> >>> --------------------------- >>> Oportunidade de negócio >>> http://www.franquiasargohost.net >>> --------------------------- >>> >>> >> >> _______________________________________________ >> [email protected] >> http://www.codeigniter.com.br >> http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br >> >> --------------------------- >> Oportunidade de negócio >> http://www.franquiasargohost.net >> --------------------------- >> >> > > > -- > Eric Saboia - eric.saboia.org > CSM, ZCE > > > _______________________________________________ > [email protected] > http://www.codeigniter.com.br > http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br > > --------------------------- > Oportunidade de negócio > http://www.franquiasargohost.net > --------------------------- > >
_______________________________________________ [email protected] http://www.codeigniter.com.br http://codeigniter.com.br/mailman/listinfo/lista_codeigniter.com.br --------------------------- Oportunidade de negócio http://www.franquiasargohost.net ---------------------------
