Breve visão geral de tags novas e revogadas para html5

Representa um bloco de conteúdo na página, como um capítulo, cabeçalho, rodapé ou outras partes da página. Pode ser usado em combinação com elementos como H1, H2, etc. para representar a estrutura do documento. Exemplo: <Section>… </section> em html5; <div>… </div> em html4.

Indica um conteúdo independente na página que não está relacionada ao contexto. Por exemplo, um artigo.

Representa informações auxiliares diferentes do conteúdo do elemento do artigo e relacionadas ao conteúdo do elemento do artigo.

Representa o título de um bloco de conteúdo ou página real na página.

Indica a combinação dos títulos de uma página real ou um bloco de conteúdo em uma página.

Uma nota de rodapé que representa uma página inteira ou um bloco de conteúdo na página. De um modo geral, incluirá o nome do Criador, a data da criação e as informações de contato do Criador.

Representa a parte do link de navegação na página.

Representa um conteúdo independente de streaming, geralmente representando uma unidade independente no conteúdo de streaming do corpo do documento. Use o elemento FigCaption para adicionar um título ao grupo de elementos da figura. Por exemplo:

<Figura>

<CigCaption> PRC </figcaption>

<p> A República Popular da China nasceu em 1949 </p>

</figura>

Comumente escrito em html4

<Dl>

<H1> prc </h1>

<p> A República Popular da China nasceu em 1949 </p>

</dl>

Elementos de vídeo

Defina o vídeo. Como clipes de filme ou outros fluxos de vídeo. Exemplo: <vídeo src = filme.ogg controles = controles> elemento de vídeo </ video>

Como escrever em html4:

<Objeto Tipo = Video/Ogg Data = Move.ogv>

<nome do param = src value = filme.ogv>

</ject>

Defina áudio. Como música ou outros fluxos de áudio. Exemplo: <AUDIO SRC = SOMEAUDIO.WAV> Elemento de áudio </udio>

Como escrever em html4:

<Object type = "Application/Ogg" Data = "Someaudio.wav">

<param name = "src" value = "someaudio.wav">

</ject>

Usado para incorporar conteúdo (incluindo vários meios). Os formatos podem ser MIDI, WAV, AIFF, AU, MP3, Flash, etc. Exemplo: <incorpore src = flash.swf />

Exemplo de código em html4 <dados do objeto = flash.swf tipo = aplicativo/x-shockwave-flash> <ject>

É usado principalmente para apresentar visualmente ao usuário texto que precisa ser destacado ou destacado. As palavras -chave de pesquisa são destacadas nos resultados típicos da pesquisa de aplicativos.

Html5 <sk> </mark>; html4 <span> </span>.

Representa um processo de corrida. Você pode usar o elemento de progresso para exibir processos que consomem funções demoradas no JavaScript. Esperando ..., por favor, espere mais tarde. <Rogress> </gress>.

Indica uma data ou hora e também pode ser ambos ao mesmo tempo.

Defina comentários do rubi (pronúncia chinesa ou caracteres).

Use tags <ruby> e <rt>. O elemento Ruby consiste em um ou mais caracteres (requer uma explicação/pronúncia) e um elemento RT que fornece essas informações e também inclui um elemento RP opcional que define o que é exibido quando o navegador não suporta o elemento Ruby.

<Ruby>

<rt> <rp> (</rp> ㄏㄢ <rp>) </sp> </rt>

</ruby>

Define a interpretação ou pronúncia de caracteres (pronúncias ou caracteres chineses).

Usado em comentários do Ruby para definir o que é exibido em navegadores que não suportam elementos de rubi.

Indica quebras de linha suave. Diferença do elemento BR: elemento BR significa que as quebras de linha devem ser abertas aqui; O WBR significa que, quando a janela do navegador ou o elemento pai tem um arco amplo (quando não há necessidade de ser aberto), não há quebra de linha e, quando a largura não é suficiente, envolve ativamente a linha quebra aqui.

Defina gráficos, como gráficos e outras imagens. O elemento <Canvas> é apenas um contêiner gráfico (tela) e deve ser desenhado usando um script.

<canvas id = "mycanvas"> </canvas> <script type = "text/javascript">

var canvas = document.getElementById ('mycanvas');

var ctx = Canvas.getContext ('2D');

ctx.fillstyle = '#ff0000';

ctx.FillRect (0,0,80,100);

</script>

Representa um botão de comando, como um botão de rádio, uma caixa de seleção ou um botão.

O elemento de comando é visível apenas se estiver dentro do elemento de menu. Caso contrário, esse elemento não será exibido, mas você poderá usá -lo para especificar atalhos de teclado. .

<pune>

<command onclick = "alert ('hello world')">

Clique em mim! </Command>

</menu>

Usado para descrever os detalhes de um documento ou parte de um documento.

Pode ser usado com a tag de resumo, que define o título para obter detalhes. O título é visível e os detalhes serão exibidos quando o usuário clicar no título. O resumo deve ser o primeiro elemento infantil de detalhes.

Defina a lista de opções. Use este elemento em conjunto com o elemento de entrada para definir possíveis valores de entrada. O Datalist e suas opções não serão exibidas, é apenas uma lista legal de valores de entrada. Use o atributo da lista do elemento de entrada para vincular o datalista.

<input id = "mycar" list = "cars" />

<Datalist ID = "Cars">

<opção value = "bmw">

<opção value = "ford">

<opção value = "Volvo">

</datalist>

Define uma lista de dados opcionais. O DataGrid é exibido como uma lista de árvores.

Se o atributo múltiplo estiver definido como true, você poderá selecionar mais de um item na lista.

A tag especifica o campo gerador de pares de teclas usado para o formulário.

Ao enviar o formulário, a chave privada é armazenada localmente e a chave pública é enviada ao servidor.

<form action = "Demo_keygen.asp" Method = "Get">

Nome de usuário: <input type = "text" name = "usr_name" />

Criptografia: <keygen name = "segurança" />

<input type = "envie" />

</morm>

Defina diferentes tipos de saída, como a saída de um script.

<Form Action = "form_action.asp" Method = "get" name = "SumForm">

<name de saída = "SUM"> </at outtle>

</morm>

As tags definem recursos de mídia para elementos de mídia (como <dide> e <udio>).

Defina a lista de menus. Use esta tag quando deseja listar os controles do formulário. Observe a diferença do NAV, o menu é usado especificamente para os controles de formulário.

<pune>

<li> <input type = "caixa de seleção" /> vermelho </li>

<li> <input type = "caixa de seleção" /> azul </li>

</menu>

URL de email deve ser inserido

Deve entrar no número de URL

O intervalo de valor deve ser inserido

O valor dentro de um determinado intervalo deve ser inserido. Pickers de data (seletor de data)

Novos tipos de entrada com várias datas e horários disponíveis:

Data - Selecione Dia, mês, ano

mês - selecione mês e ano

semana - selecione semana e ano

Tempo - Selecione Hora (horas e minutos)

DateTime - Selecione hora, dia, mês, ano (hora da UTC)

DateTime -Local - Selecione hora, dia, mês, ano (horário local) Pesquisa

Usado para procurar domínios, o domínio é exibido como um domínio de texto regular. cor

1. Elementos que podem ser substituídos pelo CSS

Basefont, grande, centro, fonte, S, greve, tt, u. Esses elementos são puramente para exibição de imagens. HTML5 defende a edição unificada das funções de exibição de imagens no CSS.

2. Não use mais quadros de quadros.

quadro, quadro, noframes. O quadro do quadro não é suportado no HTML5, ele suporta apenas o quadro do iframe ou usa um formulário que está em conformidade com a página composta por várias páginas criadas pelo servidor e exclui as três tags acima.

3. Apenas alguns elementos suportados por navegadores

Applet, BGSound, Blink, Marquee e outras tags.

4. Outros elementos abolidos

Abolente o RB e substitua Shuyong Ruby.

Abolir o acrônimo usando a substituição da ABBR.

Abolir o dir para usar a substituição da UL.

Abolir o ISIndex para substituí -lo combinando forma e entrada

Abolir a listagem usando pré -substituto

Abolir o XMP usando o código em vez disso

Abolir o uso de guids do NextId

ABOLIDE PLAYTEX para usar o texto/Plian (corpo não formado) Substituição do tipo MIME.

=====================================================================================

Olhando para tantas tags e elementos novos, eu me pergunto se o HTML5 está realmente aqui? A esmagadora informação e tutoriais relevantes, o anúncio de suporte ao HTML5 por todo o HTML5, CSS3 e os principais fabricantes de navegadores, me faz sentir que a era HTML5 está realmente chegando. Então, posso usá -lo com confiança no meu projeto? Ainda não. Embora o IE9 tenha afirmado apoiar o HTML5, o IE8 não o apoia. Ainda há um grande número de pessoas sentadas em frente ao telefone Bensi Master em 2006 e 2007, usando o sistema XP e instalando o IE8 para rastejar a Internet; Existem também alguns velhos e irmãs que compraram os novos telefones que eles clicaram no Win7 genuíno e o substituíram pelo D versão XP. Embora agora com o HTML5SHIV, o IE8 possa suportar algumas novas tags HTML em capacidade limitada e apenas algumas tags novas. Posso escolher qual nova tecnologia usar, mas não posso perguntar qual navegador o usuário do seu produto deve instalar. De fato, não é necessário fazer novas tecnologias. É bom ser adequado. Eu acho que algumas coisas escritas no ASP.NET2 são tão poderosas quanto a função; Assim como a teoria dos gatos do vovô Deng, funciona.