Mostrando códigos HTML no blog - Sem interpretação
HTML nas postagens ou no código fonte
Neste artigo, vamos mostrar como fazer para que os códigos HTML apareçam nas postagens.
Muitos blogueiros querem mostrar tags, códigos ou as vezes criar uma uma caixa link-me para divulgar seu banner, e se deparam com um problema! Como fazer para que o código apareça no Gadget, código fonte, postagens, etc... sem que o código em si seja interpretado pelo código fonte do blog ou pelo navegador..
Muitos blogueiros querem mostrar tags, códigos ou as vezes criar uma uma caixa link-me para divulgar seu banner, e se deparam com um problema! Como fazer para que o código apareça no Gadget, código fonte, postagens, etc... sem que o código em si seja interpretado pelo código fonte do blog ou pelo navegador..
Entendendo o código
Todas as vezes que se abre e fecha uma tag com um comando HTML conhecido pela linguagem, o comando inserido é interpretado de forma que apareça não o que foi inserido, mas o que significa o determinado comando que você inseriu.
Existem várias formas de javascript e php para a função que estamos descrevendo aqui, porém, como este artigo está direcionado para blogs em sua maioria, vamos explicar uma técnica simples de fazer com que o código não seja interpretado.
Veja os dois comandos abaixo:
< = <
> = >
Os comandos são as duas formas de dizer para seu código fonte que estes caracteres > < não podem ser interpretados como abertura e fechamento de uma tag. Logo, eles devem ser substituídos pelos símbolos indicados acima.
Veja um exemplo prático:
<img src"http://1.bp.blogspot.com/-_dycZOmPfDQ/VFVf5EXWJyI/AAAAAAAAFeA/B6xXAfMR9S0/s1600/blog.png" />
Veja um exemplo prático:
<img src"http://1.bp.blogspot.com/-_dycZOmPfDQ/VFVf5EXWJyI/AAAAAAAAFeA/B6xXAfMR9S0/s1600/blog.png" />
O exemplo acima faria com que em postagens, Gadgets ou direto no código fonte, o código criado fosse interpretado mostrando a seguinte imagem:
Agora, vejamos um exemplo substituindo as tags de abertura e fechamento:
< img src"http://1.bp.blogspot.com/-_dycZOmPfDQ/VFVf5EXWJyI/AAAAAAAAFeA/B6xXAfMR9S0/s1600/blog.png" />
Efeito dentro do blog:
<img src"http://1.bp.blogspot.com/-_dycZOmPfDQ/VFVf5EXWJyI/AAAAAAAAFeA/B6xXAfMR9S0/s1600/blog.png" />
Como você viu, ao substituir as tags de abertura e fechamento pelos respectivos códigos, o blog ou mesmo o navegador, mostra literalmente o HTML sem ser interpretado.
O que achou? Comente!
< img src"http://1.bp.blogspot.com/-_dycZOmPfDQ/VFVf5EXWJyI/AAAAAAAAFeA/B6xXAfMR9S0/s1600/blog.png" />
Efeito dentro do blog:
<img src"http://1.bp.blogspot.com/-_dycZOmPfDQ/VFVf5EXWJyI/AAAAAAAAFeA/B6xXAfMR9S0/s1600/blog.png" />
Como você viu, ao substituir as tags de abertura e fechamento pelos respectivos códigos, o blog ou mesmo o navegador, mostra literalmente o HTML sem ser interpretado.
O que achou? Comente!
Assinar:
Postar comentários
(
Atom
)
Nenhum comentário :
Postar um comentário
O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.