Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • 02 HTML5 Estrutura Basica

    Enviado por

    Marcilio Meira
    20 visualizações2 páginas
    Aula 2 HTML5

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    Aula 2 HTML5

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    20 visualizações2 páginas

    02 HTML5 Estrutura Basica

    Enviado por

    Marcilio Meira
    Aula 2 HTML5

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    HTML5 - Estrutura bsica, DOCTYPE e Charsets | Channel 9

    Pgina 1 de 15

    Follow Us @Ch9

    BROWSE

    FORUMS

    CODING4FUN

    EVENTS

    Subscribe to Channel 9

    Sign In

    Search this site

    Blogs

    HTML5 - Estrutura bsica, DOCTYPE e Charsets


    Posted: Apr 18, 2012 at 8:32 AM
    By: DiegoBlanco
    (2)

    35,362 Views

    117 Comments

    reddit

    Tweet

    Like

    18

    Avg Rating: 5

    Related entries
    Successful
    Software
    Project
    Management
    Styles
    Skirmish Mode
    in Star Trek
    Legacy for the
    Xbox 360
    ESTRUTURA BSICA, DOCTYPE E CHARSETS

    ICSE 2011:
    Conversation
    with Baris
    Aktemur

    A estrutura bsica do HTML5 continua sendo a mesma das verses anteriores da linguagem, h
    apenas uma excesso na escrita do Doctype. Segue abaixo como a estrutura bsica pode ser
    seguida:

    CES 2014:
    Hands-On with
    the Panasonic
    FZ-M1 7"

    Arquivo: exemplos/3/estruturabasica.html

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11

    <!DOCTYPE HTML>
    <html lang=pt-br>
    <head>
    <meta charset=UTF-8>
    <link rel=stylesheet type=text/css href=estilo.css>
    <title></title>
    </head>
    <body>
    </body>
    </html>

    O Doctype
    O Doctype deve ser a primeira linha de cdigo do documento antes da tag HTML.
    1

    <u><!DOCTYPE html></u>

    O Doctype indica para o navegador e para outros meios qual a especificao de cdigo utilizar. Em
    verses anteriores, era necessrio referenciar o DTD diretamente no cdigo do Doctype. Com o
    HTML5, a referncia por qual DTD utilizar responsabilidade do Browser.
    O Doctype no uma tag do HTML, mas uma instruo para que o browser tenha informaes
    sobre qual verso de cdigo a marcao foi escrita.
    O elemento HTML
    O cdigo HTML uma srie de elementos em rvore onde alguns elementos so filhos de outros e
    assim por diante. O elemento principal dessa grande rvore sempre a tag HTML.
    1

    <html lang=pt-br>

    O atributo LANG necessrio para que os user-agents saibam qual a linguagem principal do
    documento.
    Lembre-se que o atributo LANG no restrito ao elemento HTML, ele pode ser utilizado em qualquer outro elemento para indicar o idioma do texto representado.
    Para encontrar a listagem de cdigos das linguagens, acesse:
    http://www.w3.org/International/questions/qa-choosing-language-tags.

    http://channel9.msdn.com/posts/HTML5-Estrutura-bsica-DOCTYPE-e-Charsets

    10/06/2015

    HTML5 - Estrutura bsica, DOCTYPE e Charsets | Channel 9

    Pgina 2 de 15

    HEAD
    A Tag HEAD onde fica toda a parte inteligente da pgina. No HEAD ficam os metadados.
    Metadados so informaes sobre a pgina e o contedo ali publicado.
    Metatag Charset
    No nosso exemplo h uma metatag responsvel por chavear qual tabela de caractres a pgina est
    utilizando.
    1

    <meta charset="utf-8">

    Nas verses anteriores ao HTML5, essa tag era escrita da forma abaixo:
    1

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

    Essa forma antiga ser tambm suportada no HTML5. Contudo, melhor que voc utilize a nova
    forma.
    A Web acessada por pessoas do mundo inteiro. Ter um sistema ou um site que limite o acesso e
    pessoas de outros pases algo que vai contra a tradio e os ideais da internet. Por isso, foi criado
    uma tabela que suprisse essas necessidades, essa tabela se chama Unicode. A tabela Unicode
    suporta algo em torno de um milho de caracteres. Ao invs de cada regio ter sua tabela de caracteres, muito mais sensato haver uma tabela padro com o maior nmero de caracteres possvel.
    Atualmente a maioria dos sistemas e browsers utilizados por usurios suportam plenamente
    Unicode. Por isso, fazendo seu sistema Unicode voc garante que ele ser bem visualizado aqui, na
    China ou em qualquer outro lugar do mundo.
    O que o Unicode faz fornecer um nico nmero para cada caractere, no importa a plataforma,
    nem o programa, nem a lngua.
    Tag LINK
    H dois tipos de links no HTML: a tag A, que so links que levam o usurio para outros documentos e a tag LINK, que so links para fontes externas que sero usadas no documento.
    No nosso exemplo h uma tag LINK que importa o CSS para nossa pgina:
    1

    <link rel="stylesheet" type="text/css" href="estilo.css" >

    O atributo rel="stylesheet" indica que aquele link relativo a importao de um arquivo referente a
    folhas de estilo.
    H outros valores para o atributo REL, como por exemplo o ALTERNATE:
    1

    <link rel="alternate" type="application/atom+xml" title="feed" href

    Neste caso, indicamos aos user-agents que o contedo do site poder ser encontrado em um caminho
    alternativo via Atom FEED.
    No HTML5 h outros links relativos que voc pode inserir como o rel="archives" que indica uma
    referncia a uma coleo de material histrico da pgina. Por exemplo, a pgina de histrico de um
    blog pode ser referenciada nesta tag.
    Este treinamento faz parte do Microsoft Virtual Academy:
    http://www.microsoftvirtualacademy.com

    Tags: Brazilian Portuguese, HTML 5, HTML5, Microsoft

    Follow the Discussion


    Jul 02, 2012 at 12:29 PM
    Pssima explicao!

    ricardo

    Jul 17, 2012 at 9:24 AM


    Muito obrigado por tudo,como j disse estou comeando agora e pra
    mim tudo novidade e agradeo desde j pelos post.
    altieres

    Jul 26, 2012 at 4:31 AM


    Contedo simples, direto e esclarecedor! Grato!

    http://channel9.msdn.com/posts/HTML5-Estrutura-bsica-DOCTYPE-e-Charsets

    10/06/2015

    Você também pode gostar