Como estruturar um documento HTML para fazer uma página web em seu Raspberry Pi
A fim de fazer uma página web sobre o Raspberry Pi, você vai precisar de estruturar o documento HTML corretamente. Um trecho de código é uma boa maneira de ver como tags HTML funcionam e como o navegador interpreta-los, mas você precisa incluir muito mais informações e marcação antes que você pode criar uma página web realmente válido.
Um documento HTML tem duas partes principais: o cabeçalho (entre as tags) e do corpo (entre as tags). O cabeçalho é usado principalmente para obter informações sobre a página da web, enquanto que o corpo contém o conteúdo real da página.
Etiquetas todos funcionam da mesma forma, com uma tag de abertura e outra de encerramento. Como você pode ver, é bom ter algumas tags dentro de algumas outras tags. Neste documento, todas as outras etiquetas, excepto o primeiro estão dentro das abertura e fechamento.
Você não precisa memorizar todas estas novas tags, para sua sorte, porque aqui é um quadro que você pode reutilizar e levemente modificar para cada nova página web que você criar. Você precisa mudar apenas dois bits para cada página da web que você criar:
e : Entre essas tags é o título da página, que aparece na marcadores, resultados de pesquisas, e na barra de título na parte superior do navegador (guia da página ou, se você estiver usando guias) quando estiver visitando a página.
e : Entre essas tags é onde você colocar todo o seu conteúdo da página web, então esta seção tende a ser bastante longa quando você está trabalhando com uma página web real. Neste exemplo, você pode ver que o trecho de HTML é entre as tags body.
Para aqueles que querem entender tudo isso, aqui está uma repartição do resto do documento:
: Isso informa ao navegador qual versão do HTML que você está usando. Você pode ver o DOCTYPE para HTML5, que é simplesmente a palavra html. Versões mais antigas do HTML tiveram tipos de documentos longos e complicados, e você ainda vai se deparar com estes ao longo do tempo.
e : Estas tags são usadas para marcar o início e fim do documento HTML. A tag de abertura também especifica o idioma do documento, neste caso, Inglês.
e : Estas tags marcam o início eo fim do cabeçalho. A única coisa dentro de nosso cabeçalho é o título da página, mas como você aprender mais sobre HTML, você vai se deparar com mais marcas que pertencem aqui.
: Esta tag define o conjunto de caracteres que está sendo usado no documento, para que as pessoas que utilizam linguagens com diferentes alfabetos pode dizer qual deve ser usado. Para este projeto, há um conjunto de caracteres chamada utf-8. Você pode notar que há uma barra no interior do suporte de fechamento nesta tag. Isso porque a marcação não envolvem qualquer coisa, então ele não tem uma marca de fechamento separado.
Em uma versão anterior do HTML chamado XHTML, cada tag teve de ser fechada, por isso, quando não havia nenhuma marca de fechamento separado, uma barra foi colocada no interior do suporte de fechamento da tag em seu lugar. Muitas pessoas ainda consideram essa prática recomendada, mas é opcional.
Você pode usar espaços para recuar as linhas dentro do cabeçalho e do corpo e linhas em branco ao redor ambas as partes, para que possa mais facilmente ver onde o cabeçalho eo corpo começar e terminar. As pessoas muitas vezes fazer isso: Isso torna o HTML mais fácil de ler e editar. HTML ignora espaço em branco, de modo que não importa o quanto você usa, ou onde você colocá-lo.
Não importa tecnicamente se as tags estão em maiúsculas ou minúsculas, mas parece mais arrumado quando é consistente e a convenção dita minúsculas para todas as marcas, exceto para o DOCTYPE.
Quando você abrir a página no navegador, ele parece o mesmo que o nosso trecho de código anterior fez no navegador, exceto que você verá um título na barra na parte superior do navegador, e é uma página web válido agora. Você poderia publicar isso na internet, se você queria, e isso iria funcionar perfeitamente.
Porque olha apenas o mesmo, você pode se perguntar por que você precisa se preocupar com todas as outras marcas, então. A resposta é que a maioria dos navegadores são bastante tolerante e vai tentar contornar seus erros e omissões, mas você não pode contar com isso.
Você não sabe que o navegador de um visitante pode usar para ver o seu site, então você precisa para fornecer toda a marcação correta, mesmo se uma página funciona bem no seu Raspberry Pi. Outros navegadores ou dispositivos pode não ser capaz de lidar com um documento HTML inválido, bem como Midori lata.