Olá. Bem vindo a terceira parte do nosso mini-curso de expressões regulares. Na primeira parte do curso nós vimos algumas funções para arquivos de log (veja a primeira parte do mini-curso de expressões regulares) e, na segunda, aprendemos como é fácil validar um email com regex, de várias formas, restringindo domínios, caracteres antes e depois do arroba. Se você ainda não viu, não deixe de dar uma olhada: mini-curso de expressões regulares - parte 2 - validando emails.
Nessa terceira parte do mini-curso de expressões regulares, vamos estudar algumas expressões para trabalhar com tags html. Como se trata de um mini-curso, a idéia é apenas introduzir o assunto, de forma que você consiga desenvolver suas próprias expressões. Mas é lógico que para isso você precisa praticar, por mais simples que pareça, apenas praticando é que o nosso cérebro armazena definitivamente o conteúdo visto. Está pronto? Então, mãos à obra!
Novamente, para praticar os exemplos vistos aqui, sugiro o uso do aplicativo online de regex, disponível em http://gskinner.com/RegExr/
Caso você não esteja familiarizado com o conceito de HTML, recomendo que leia o artigo da wikipédia sobre HTML para entender o que são tags HTML.
A nossa primeira expressão tem como objetivo casar caracteres que representam qualquer tag html, tanto de abertura, como de fechamendo, com ou sem parâmetros. Veja pela figura abaixo, com as devidas explicações:
Veja ela em ação:
Podemos modificar a mesma expressão para buscar somente tags de abertura. Para isso, basta acrescentar a barra de fechamento de tag à lista [], após o caracter <. Ficaria assim:
E, de forma semelhante, basta colocarmos a barra de fechamento de tags para fora do grupo e teríamos uma expressão que casa somente tags de fechamento. Essa eu vou deixar para você experimentar.
Conseguiu? Espero que sim. Agora o desafio é construirmos uma expressão que case uma tag toda, ou seja, a abertura, os dados que estão dentro da tag, e o fechamento. Veja como ficaria uma expressão regular para casar toda a tag HEAD, com abertura e fechamento:
E abaixo, a nossa expressão regular em ação!
Como desafio, deixo para vocês a tarefa de criar uma expressão regular que case tanto a tag HEAD quanto a tag H1. E outra que case somente o conteúdo que está entre as tags <H1> </H1>, ou seja, apenas a frase “Meu site de teste”. Boa sorte.
Últimos comentários