1. A primeira etapa: abra a ferramenta de desenvolvimento e abra a pasta especificada;
2. Etapa 2: salve o arquivo index.html no disco, .html é um sufixo da web;
3. Etapa 3: comece a escrever o formato básico do HTML5.
<! 1. <head> // incluindo metadados de documentos Start to start <meta charset = utf-8> // Declarar Codificação de caracteres </ititle> // Definir título do documento </ad Head> // <body> // significa o conteúdo de Documentos html <a href = http://www.baidu.com> Baidu </a> // Um elemento de hiperlink (tag) </body> // indica html </html> ///expresso a extremidade do html documentodois. Análise da estrutura de documentos 1.DocType
Declaração do tipo de documento (declaração do tipo de documento, também conhecida como doctype). Diz principalmente ao navegador
O tipo de arquivo de exibição. No HTML4.01 e XHTML 1.0 anteriores, indica a versão e estilo HTML específicos.
Agora o HTML5 não precisa representar a versão e o estilo.
<!
2.html elementoPrimeiro de tudo, o elemento significa o rótulo e o elemento HTML é o rótulo HTML. Os elementos HTML são elementos que iniciam e encerram o documento. É um rótulo duplo, ecoado e cauda, incluindo conteúdo.
Este elemento tem um atributo e valor: lang = zh-cn,
Isso significa que o documento usa a linguagem: chinês simplificado.
<html lang = zh-cn> // Se for inglês, é en '
Página chinesa simplificada: html lang = zh-cmn-hans
Página chinesa tradicional: html lang = zh-cmn-hant
Página em inglês: html lang = pt
3. Elemento da cabeçaUsado para incluir conteúdo de metadados, os dados de metadados incluem: <link>, <mEta>, <oscript>, <cript>, <cript>,
<Estilo>, <title>. Esses conteúdos são usados para fornecer informações para navegadores, como o link fornece informações CSS, script
Forneça informações de JavaScript, o título fornece título da página.
<head> ... </head> // Esta informação não é visível na página
Os elementos <Noscript> são usados para definir o conteúdo alternativo (texto) quando o script não é executado.
Esta tag pode ser usada para reconhecer o navegador que pode reconhecer o rótulo <Script>, mas não pode suportar o script.
4. Meta elementoEsse elemento é usado para fornecer informações sobre documentação. expressar
Diga à página do navegador quais códigos são usados. Claro, o arquivo é preservado
UTF8 e o navegador também define o UTF8 para exibir o chinês corretamente.
<meta charset = utf-8> // Além de definir códigos, existem outros
5. Elemento TitalEsse elemento é muito simples, como o nome sugere: Defina o título no canto superior esquerdo do navegador.
<title> Estrutura básica </title>
6. Elemento do corpoElementos usados para conter o conteúdo do documento, ou seja, a área da área do navegador. Todo o conteúdo visível deve estar aqui
Adicione os elementos internamente.
<Body> ... </body>
7. um elementoUm hiperlink discutirá isso em detalhes posteriormente.
<a href = http://www.baidu.com> Baidu </a>
três. Discussão do rótulo elementarO HTML é um idioma Mark e discutimos em detalhes a estrutura agora. Aqui, vamos analisá -los novamente
Rótulos ou etiquetas geralmente chamam de que é composto de coisas como elementos por escrito.
1. ElementosOs elementos são um conjunto de rótulos que dizem ao navegador como lidar com algum conteúdo. Cada elemento tem uma palavra -chave, como
<body>, <title>, <mEta> são elementos. Nomes de etiquetas diferentes representam significados diferentes e envolverão rótulos de parágrafos, tags de texto, etiquetas de link, etc. etc.
Os elementos geralmente são divididos em dois tipos: tags únicas (elementos aéreos) e tags duplas. A etiqueta única é geralmente usada para declarar ou inserir um certo yuan
Por exemplo, a codificação do caractere da declaração é usada <mEta> e <MIG> é inserida na imagem; p> ... </p>.
2. Propriedades e valoresAlém de uma divisão única e dupla, os atributos e valores internos do elemento podem ser definidos. Esses valores de atributo são usados para alterar os elementos
Agir. Por exemplo, hiperlinks: <a> Os atributos do HREF, substituem o URL no qual você pode vincular a sites diferentes.
Quatro. entidadeA entidade HTML é exibida por caracteres especiais de significado através do código físico.
Exibir os resultados do nome da entidade da descrição do número da entidade
Espaço
<<<<<<<< 2
>> maior que o número
& & & E número
aspas
'' '
￠ ¢ ¢ ¢
镑 镑 £ £
圆 圆 ¥ ¥ ¥ ¥
元 元 € euro
§ § § § Small Festival
权 © Copyright
® ® ® Marca Registrada
Marca registrada ™ ™ ™
Número de multiplicação × × ×
÷ ÷ exceto o número
5. Novo rótulo estruturalElemento do artigo
Representa um conteúdo independente que não está relacionado ao contexto na página. Por exemplo, um artigo, uma postagem no blog, um post do fórum, você pode usá -lo
elemento da seção
Representa um bloco de conteúdo na página, como capítulos, cabeçalho, rodapé ou outras partes da página. Pode ser usado em combinação com H1, H2 ... e outros elementos para indicar a estrutura do documento. Exemplo: <Section> ... </section>;
À parte elemento
Expresse as informações auxiliares relacionadas ao conteúdo do elemento do artigo, além do conteúdo do elemento do artigo.
elemento do cabeçalho
Representa o título de um bloco de conteúdo ou uma página real na página.
elemento hgroup
Indique uma combinação do bloco de título da página ou página real.
Elemento do rodapé
Indica a nota de rodapé do bloco de conteúdo em toda a página ou página. De um modo geral, ele incluirá o nome do criador, a data criativa e as informações de contato do Criador.
Elemento de navegação
Representa a parte do link de navegação na página.
Elemento da figura
Indica uma seção do conteúdo de fluxo independente, que geralmente representa uma unidade independente no conteúdo do documento. Use o elemento FigCaption para adicionar um título ao grupo de elementos da figura. Por exemplo:
<FIGM> <CIGCAPTION> prccinco. Metadados
<Meta> Elementos podem definir vários metadados no documento, e uma página HTML pode conter múltiplas <mEta>
elemento.
1. Especifique o par de metadados do nome/valor<meta nome = conteúdo do autor = bnbbs> <meta nome = descrição content = Este é um html5 página> <meta nome = palavras -chave content = html5, css3, resposta> <meta name = gen = generator content = text sublime 3>
Descrição do nome de dados metropolitanos
Autor da página atual do autor
Descrição da página atual da descrição
Palavras -chave Página -chave atual
A ferramenta de codificação da página atual do gerador
2. Declare a codificação de caracteres<meta charset = utf-8>
3. Campo de cabeçalho HTTP de simulação// 5 segundos saltam para o URL especificado <meta http-equiv = refresh Content = 5; >
Descrição do valor do atributo
Atualize a recarga da página atual ou especifica um URL. Os segundos da unidade.
Tipo de conteúdo Outra maneira de declarar a codificação de caracteres
seis. Atributo globalAntes disso, os elementos que envolvemos explicaram seus dados locais e, é claro, também conhecemos alguns atributos globais, como
EU IA. Os atributos globais são o comportamento comum de todos os elementos.
1.ID atributo<p id = abc> parágrafo </p>
Explicação: O atributo ID aloca um identificador exclusivo para o elemento. Este identificador é geralmente usado para dar CSS e JavaScript
Chame o elemento de seleção. Existe apenas o mesmo nome de identificação uma vez por página.
2. Classe atributo<P class = abc> parágrafo </p> <p class = abc> parágrafo </p> <p class = abc> parágrafo </p>
Explicação: O atributo de classe é usado para classificar elementos. Defina CSS -como ao mesmo tempo através de um ou mais elementos no documento
Modo.
3.AccessKey Atributo<Tipo de entrada = Nome do texto = Usuário AccountKey = n>
Explicação: a operação de atalho, a chave Alt+especificada no Windows, premissa de que o navegador ALT não entra em conflito.
4. Atributo Contentável<p contentedabable = true> Posso modificar </p>
Explicação: Que o texto esteja em um estado editável. Ou diretamente
Defina o atributo.
5. atributo<p dir = rtl> texto à direita </p>
Explicação: Deixe o texto da esquerda para a direita (LTR) ou da direita para a esquerda (RTL).
6. ATRIBUIÇÃO HIDADO<P Hidden> texto à direita </p>
Explicação: ocultar elementos.
7. atributo llang<p lang = en> html5 </p>
Explicação: Você pode definir o idioma localmente.
8. Atributo Tital<p tipo = aplicativo/x-shockwave-flash> </ject>3 4.autoFocus 5. Marca
<sk> é usado principalmente para apresentar as palavras que precisam ser proeminentes visualmente. Um aplicativo mais típico do rótulo <sk> é exibir palavras -chave de pesquisa para os usuários nos resultados da pesquisa.
Html5: <sk> </sk>
Html4: <span> </span>
6. ResumoA tag <summary> contém o título do elemento Detalhes, e o elemento de detalhes é usado para descrever os detalhes do documento ou fragmento de documento relevante. O elemento resumido deve ser o primeiro sub -elemento do elemento de detalhes.
Html5: <tahithets> <summary> html 5 </summary> Este documento ensina tudo o que você tem para deixar o html 5. </tafits>
HTML4: Nenhum
7. Destalista<batalist> rótulo define a lista de dados opcionais. Com o elemento de entrada, você pode fazer a lista de suspensão de valores de entrada.
O Datalist e suas opções não serão exibidas, é apenas uma lista de valor de entrada legal.
Use a propriedade Lista do elemento de entrada para vincular o Datalist.
<Lista de entrada = cras /> <Datalist ID = cars> <opção value = bmw> <opção value = form> <opção value = volvo> < /datalist>9. Comando
Expresse o botão de comando
Somente quando o elemento de comando está no elemento do menu, o elemento é visível. Caso contrário, esse elemento não será exibido, mas você pode usá -lo para especificar as teclas de atalho do teclado
<Menu> <Command OnClick = Alert ('Hello World')> Clique em mim! oito. Rótulo abandonadoElemento de expressão
BaseFont
grande
centro
FONTE
S
batida
Tt
U
Recomenda -se substituí -los por semântica correta e usar CSS para garantir o efeito após a renderização
Elemento semelhante a um quadro
Devido à muitas disponibilidade e acessibilidade da estrutura, a especificação HTML5 remove os seguintes elementos.
quadro
FrameSet
Noframes
Mas o HTML5 suporta iframe.
Classe de atributo
Muitos atributos expressivos também são removidos por novas especificações, como segue:
alinhar
Atributos de texto de link, vlink, ALIQUE,
bgcolor
altura e largura
Rolando a propriedade no elemento iframe
Valign
Hspace e Vspace
Atributos de cobertura de células, espaçamento celular e borda nos rótulos da tabela
Atributos de perfil no rótulo do cabeçalho
O atributo de destino na tag de link a
Atributos LongDesc dos elementos IMG e Iframe
ABBR substitui o acrônimo (usado para representar a abreviatura)
Objeto substituído applet
Ul substituído Dir
outro
O acima descrito é a estrutura do documento e o novo rótulo do HTML5, introduzido pelo editor para você. Muito obrigado pelo seu apoio ao site VevB Wulin!