Jump to content

Search the Community

Showing results for tags 'semântica'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 4 results

  1. Vamos supor que eu coloque uma logomarca no topo do meu site, e queira dar semântica à ela. Tudo bem se eu fizer dessa forma? Existe uma maneira mais simples? Basicamente criei um cabeçalho para minha logomarca, de forma a dar importância e contexto para que o "robo" do Google, por exemplo, tenha mais facilidade em interpretar o "conteúdo" da minha imagem e conseguir catalogá-la adequadamente em seu motor de buscas. span.td-visual-hidden { display: none; } <div class="td-header-logo"> <h1 class="td-logo"> <a href="#"> <img src="_images/defesa-evangelho.png" alt="Defesa do Evangelho" title="Defesa do Evangelho"/> <span class="td-visual-hidden">Defesa do evangelho</span> </a> </h1> </div> Desde já agradeço!
  2. Minha duvida é se a semântica está legal, e se fiz certo na segunda section do miolo do site. A section que me refiro é a com a class = "section-contato". Lá tem o endereço da empresa, o numero e email. Como no design não pode ter isso: Endereço: Tralálálálá, e sim uma imagem e do lado da imagem o endereço. A mesma coisa com o e-mail e o telefone. Vou mandar a photo do design que estou estudando e também o código. Em questão da imagem e design já está tudo certo. Meu problema só é se fiz certo semanticamente ao colocar no <li> o <h3>Address</h3> e depois o paragrafo com o conteúdo para indicar que aquele parágrafo refere-se ao endereço e assim por diante. Vou colocar só o HTML já que não estou precisando de ajuda com o CSS. <!DOCTYPE html> <html lang = "pt-br"> <head> <title>Contact Us</title> <meta charset = "UTF-8"/> <link rel = "stylesheet" href = "_css/reset.css"/> <link rel = "stylesheet" href = "_css/estilo.css"/> </head> <body> <header> <h1>Don't be a stranger ;)</h1> </header> <div class = "container tamanho"> <section class = ""> <section class = "secao-form"> <h2>Input your datas</h2> <form action = "/action"> <div class = "container tamanho-form"> <p><label for = "cNome">Name: </label><input type = "text" name = "tName" id = "cNome" size = "39" maxlength = "50" placeholder = "Name"/></p> <p><label for = "cMail">E-mail: </label><input type = "email" id = "cMail" size = "39" maxlength = "30" placeholder = "Email"/> <p><label for = "cPhone">Phone: </label><input type = "text" name = "Phone" id = "cPhone" size = "39" maxlength = "25" placeholder = "Phone"/> <textarea name = "menssagem" rows = "9" cols = "57" placeholder = "Message" id = "text-area"></textarea> <input type = "submit" value = "Submit >"/> <div> </form> </section> <section class = "secao-contato"> <div class = "container tamanho-contato"> <h2>Ask Us Anything</h2> <ul id = "localizacao"> <li class = "endereco"> <h3>Address</h3> <p>350 7th Ave, New York, <br/> <span id = "linha-endereco">NY 760890, USA</span></p> </li> <li class = "email"> <h3>E-mail</h3> <p>Support@halocity.com</p> </li> <li class = "telefone"> <h3>Phone</h3> <p>+1 (212) 643-4534</p> </li> </ul> <footer> <ul class = "social"> <li><a href = "linkedin.com">LinkdIn</a></li> <li><a href = "facebook.com">Facebook</a></li> <li><a href = "twitter.com">Twitter</a></li> </ul> </footer> </div> </section> </section> </div> </body> </html> Imagem do design que estou estudando: https://drive.google.com/file/d/0Byt538E2KsCbME5haTJlNERyYzQ/view?usp=sharing Uma pergunta adicional: Notei que a página não tem um footer comum. Daí tive a ideia de colocar um footer no fim da segunda section onde tem as redes sociais. Isso semanticamente está correto ou é melhor deixar a página sem footer algum? Obs: Não criei essa o design, peguei no dribble para treinar o css e html. Desde já agradeço a todos!
  3. RafaelKallil

    Dúvida sobre Barra Lateral <aside>

    Estou criando uma barra lateral para meu site, quero colocar algo como "ultimas postagens, rede sociais, uma especie de top mais baixados etc.." ou algo mais simples como "ultimas postagens". Mas minha dúvida é a seguinte.. Realmente posso usar o Aside para isso ? Já revirei a web atrás de respostas, já vi exemplos : <div> <aside></aside> <aside></aside> </div> ---------- <aside> <div></div> <div></div> </aside> --------- <aside> <section></section> <section></section> </aside> -------- <section> <aside></aside> <aside></aside> </section> etc.. etc.. Usar Aside para isso é correto ? O elemento pode ser usado para outro conteúdo que é considerado separado do conteúdo principal da página. (https://html.spec.whatwg.org/) qual a forma correta ? obg quem responder.
  4. Olá, tenho uma dúvida sobre a semântica, principalmente agora após as inovações do HTML 5. Tenho um formulário de login e, caso o login falhe (por senha inválida, etc), quero mostrar uma mensagem de erro. Quando eu não me importava muito com questão de semântica, sempre usei tag span pra fazer isso, como no código abaixo: <section> <form id="form_login" name="form_login" method="post" action="<?php echo(Enderecos::CompletoAmp()) ?>"> <fieldset class="painel_formulario"> <input type="hidden" id="form_login_post" name="form_login_post" value="post" /> <label for="form_login_user" class="t_campo_form">Login: <input id="form_login_user" name="form_login_user" class="campo_form" type="text" maxlength="20" required="required" value="<?php echo((isset($_POST["form_login_user"]) ? htmlspecialchars($_POST["form_login_user"], ENT_COMPAT) : "")); ?>" /> </label> <label for="form_login_senha" class="t_campo_form">Senha: <input id="form_login_senha" name="form_login_senha" class="campo_form" type="password" required="required" maxlength="50"/> </label> <?php if ($msg != "") { ?> <span id="form_login_msg_texto" class="texto_msg_erro"><?php echo($msg); ?></span> <?php } ?> <input id="form_login_salvar" name="form_login_salvar" class="botao_form" onclick="javascript: return ValidaLogin(document.getElementById('form_login'), document.getElementById('form_login_user'), document.getElementById('form_login_senha'));" type="submit" value="Entrar" /> </fieldset> </form> </section> Mas agora tenho dúvida, qual seria a melhor tag pra se usar ao mostrar a mensagem de erro? Acho que p não se encaixaria, pois não se trata de um texto corrido e sim de um campo informativo. O que recomendam? Obrigado.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.