Do HTML ao xHTML e ao CSS

Share

|

Eu ensinei-me originalmente que o HTML 4.0 alguns anos há, mas eu encontrou difícil de fazer a transição a usar o xHTML com CSS (folhas sendo conectadas em cascata do estilo). Entretanto, devido ao envolvimento com um Web site pequeno eu fui forçado a fazer o sentido dele. Neste artigo eu funcionarei com as implicações práticas de comutar entre os dois, em outras palavras o que você necessitará fazer para fazer seu HTML trabalhar com stylesheets.

I.m que não vai ir aqui sobre o history do xHTML, mas você deve fazer exame da nota que há muito tags. que foi deprecado e deve ser evitado dentro ao usar o xHTML.

A primeira diferença importante no xHTML vem no formulário de sua sintaxe. A língua é caso sensível, assim que não se escreve toda no lowercase, não mais uso dos tampões! Secondly, o tags., ou os elementos a ser técnicos, são classificados agora em dois tipos: aqueles que ' contenha ' dados, e aqueles que são ' esvazíam '. Um exemplo do poder anterior seja um elemento do parágrafo, que tenha um Tag de fechamento. Aquele que está dentro entre estes dois Tag é ' os dados contidos '. Por exemplo, uma sentença é compreendida para ser dados. Um exemplo de um Empty tag poderia ser uma linha ruptura, e é escrito ligeiramente diferentemente do que em HTML 4.0, como segue: < xmp><br /></xmp >. Outros tipos ' vazios ' incluem o elemento < xmp><img /></xmp > da imagem e o elemento < xmp><hr /></xmp > da régua horizontal. Observação como há um espaço e um para diante-forward-slash após o elemento.

Um outro ponto a ter é que porque o xHTML é suposto para ser compatível através dos vários dispositivos, todas as imagens devem ter meios que alternativos do (which das descrições você tem que empregar a propriedade ' do alt ' em elementos da imagem, it.s não mais por muito tempo apenas uma opção). Similarmente, você estará fazendo o uso extensivo do atributo ' da identificação ' no xHTML (similar ao atributo ' conhecido ', mas usado diferentemente - veja abaixo).

O obstáculo o mais grande para myself pessoalmente aprendia a sintaxe do CSS. Há realmente três maneiras de usar o CSS, de que um deve criar um original separado com uma extensão dos css. Esta lima conterá todos os atributos denominando dos elementos em seu código do xHTML. Você pode também colocar o CSS no elemento do head., ou você pode encaixá-lo em um elemento em qualquer lugar em seu código (em ambos os casos você usaria o elemento do style.). Usar uma lima externa pode ser útil como as mudanças feitas a esta cascata de um original durante todo seu Web site, daqui eliminando a necessidade mudar o código em cada página. A sintaxe consiste bàsicamente ' o seletor ', que pode ser em um seletor ' da identificação ', em um seletor de classe ou em um seletor de classe genérico. Assim, por exemplo, eu dei a um elemento do img. a identificação "MyImg", então eu vou a meu css section/file e crío o seletor # o MyImg {}. sou aqui onde a sintaxe vem in. # símbolo significa que eu criei um seletor da identificação, assim que o que segue nos suportes curly se aplicará a todos os elementos com a identificação "MyImg". Um exemplo pôde olhar algo como este:

# MyImg {largura: 200px; altura: 100px; 
beira: 0px}

Observe que eu uso uns dois pontos no lugar do sinal de iguais atribuir valores. Se você não fizer o este seus estilos não estarão aplicados. Também, cada atributo é seguido por um semicolon que os separe. Se você não seguir esta sintaxe ao usar o CSS seu denominar não virá no efeito. A última coisa que você necessita saber para começar começado é como ligar seu original externo do CSS a seu original do xHTML. O ninho justo < ref="stylesheet" > elemento da ligação href="mystyles.css um" em sua < cabeça > e você está pronto para ir. Há uma abundância de maneiras novas executar tarefas tais como posicionar no CSS. Tenha o divertimento jogar ao redor com estas possibilidades novas!

Bruno Marchand está estudando atualmente o desenvolvimento da correia fotorreceptora meio expediente, assim como um modality complimentary holístico da saúde chamado bodywork integrado. Em seu tempo de reposição faz SEO para Africapic; aprecía o fogo que dança e tem uma afinidade grande para répteis.