Тёмный

😲 article? section? div? nav? Qual tag HTML semântica escolher? 🤔 

Serliv
Подписаться 42 тыс.
Просмотров 13 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 121   
@serliv
@serliv Год назад
Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito Curso Web Design Fundamentos. Aprenda HTML CSS e Javascript: serfrontend.com/cursos/web-fundamentos-html-css/index.html Curso Javascript Completo: serfrontend.com/cursos/javascript-completo/index.html Outros links que podem ser interessantes: Blog: serfrontend.com/blog/ Meus cursos: serfrontend.com/cursos/ Canais em redes sociais: Twitter: twitter.com/serlivcursos Linkedin: www.linkedin.com/in/serliv Instagram: instagram.com/serlivcursos Facebook: facebook.com/serlivcursos Instrutor: Daniel Tapias Morales Twitter: twitter.com/tapmorales Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/ Medium: medium.com/@tapmorales Github: github.com/tapmorales
@gabrielalves4119
@gabrielalves4119 Месяц назад
👏🏽👏🏽👏🏽
@lucasalcantara4195
@lucasalcantara4195 Год назад
CARA EU TE AMO, VOCE ME AJUDOU MUITO
@serliv
@serliv Год назад
Muito obrigado Lucas. Fico muito feliz por ter ajudado 🙂
@root-devpai
@root-devpai 10 месяцев назад
Me ajudou muito, obrigado
@serliv
@serliv 10 месяцев назад
tmj
@helenabrb07
@helenabrb07 Год назад
VÍDEO MARAVILHOSO! eu precisava tanto tirar dúvidas desse assunto e veio no time certo.
@serliv
@serliv Год назад
Que bom Helena. Fico feliz em ajudar
@josemiguel103
@josemiguel103 4 месяца назад
Boa noite amigo, quando eu devo aprender Javascript? Estou estudando html e css no momento
@serliv
@serliv 4 месяца назад
Essa é uma excelente pergunta. Quando você se sentir confiante com o box-model e flexbox do CSS e conseguir desenvolver pequenas páginas, mesmo que simples, sem copiar/calor de tutoriais. Aí pode seguir para lógica de programação e javascript, se vc quiser. Essa é só a minha opinião, não a verdade absoluta, ok?
@FGrassii
@FGrassii 13 дней назад
baita explicação, parabéns... minha única dúvida seria sobre, se na parte onde tem os botões e links embaixo do bootcamp, não poderia ser outra nav com aria-label segundaria ?
@serliv
@serliv 13 дней назад
A tag nav representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação. Mas mesmo que um documento pode ter vários elementos , por exemplo, um para navegação principal e outro para navegação secundária, é importante saber que nem todos os links de um documento devem estar dentro de um elemento , o qual é destinado apenas para grupos importantes de links de navegação.
@ConhecimentoDev
@ConhecimentoDev 6 месяцев назад
Poxa div é fácil de ultilizar, a div , vc usa pra cria uma classe independente,pra vc usar no css ou JS
@soturnah
@soturnah 4 месяца назад
Afff vc é demaiss, eu tava quebrando a cabeça e vc explicou perfeitamente, obrigada 🥰🥺
@serliv
@serliv 4 месяца назад
Eu que agradeço pelo feedback 😉
@ConhecimentoDev
@ConhecimentoDev 6 месяцев назад
Exemplo: div class=`display`, ou div class="planodefundo", aí vc vai no css e coloca: .display, ou . planodefundo..
@polyanafeitosadasilva4097
@polyanafeitosadasilva4097 Месяц назад
Geralmente eu me destraio facil com video de mais de 15 min, porem vi o seu e nem percebi o tempo passar, voce explica bem demais!!!
@serliv
@serliv Месяц назад
Muito obrigado pela mensagem Polyana. Fique muito feliz com seu feedback
@sollopiccolo2491
@sollopiccolo2491 Год назад
Em 10:17 ficou confuso para mim. O que eu compreendi foi que dentro de uma section podemos utilizar div, mas desde que seja para estilizar um pequeno trecho. É isso?
@serliv
@serliv Год назад
Você pode usar div dentro ou fora de qualquer tag, desde que seja com o simples objetivo de resolver algum questão visual, ou seja, usar a div para selecionar algum elemento no CSS a fim que atingir o design desejado
@brunosantanadev
@brunosantanadev Год назад
Pow era minha dúvida, essas duas tags valeu. Faça mais um video como esse mais apenas focado no layout igual usou no video, mais ai faz um geral com todas as novas tags, você foi o primeiro que vi fazendo um video assim.
@serliv
@serliv Год назад
Show. Anotei aqui. Muito obrigado
@tiagoribeiro7037
@tiagoribeiro7037 Год назад
Conteúdo muito relevante, pois ao mesmo tempo que precisamos usar tags semânticas, temos que usar de forma correta, isso facilita para usuários de leitores de tela.
@serliv
@serliv Год назад
Exatamente 👏
@insanidade2653
@insanidade2653 Год назад
Em 21:45 poderia ser um article em todo o conteúdo e separar cada curso em uma section?
@serliv
@serliv Год назад
acho mais semantico deixar cada curso numa article por ser um conteudo independente
@JulioCesar-lu1ip
@JulioCesar-lu1ip 7 месяцев назад
Eu ja vi aqui Landpage so usado a semantica principal de DIV isso e certo? eu mesmo ja usei e errado ?
@serliv
@serliv 7 месяцев назад
div é uma tag que não possui significado algum. Se quiser deixar o código mais semântico, use as tags que foram criadas para isso a partir da HTML5
@allancesar8906
@allancesar8906 Год назад
Boa-tarde, prof. O sra dá consultoria em seus cursos?
@serliv
@serliv Год назад
O curso tem uma secção de perguntas e respostas onde sano dúvidas dos alunos. Todas as dúvidas são sanadas em até 24 horas, salvo algum imprevisto, em dias úteis
@user20430-
@user20430- Год назад
Por incrível que pareça, eu apanho mais no HTML do que o tão temido CSS .
@serliv
@serliv Год назад
Muito obrigado pela mensagem. Se quiser, pode dar exemplos de onde está a dificuldade, assim posso pensar em fazer mais vídeos para te ajudar..
@user20430-
@user20430- Год назад
@@serliv a minha dificuldade era em deixar a página semantica com melhores práticas de SEO mas com seu vídeo me ajudou muito!
@sollopiccolo2491
@sollopiccolo2491 Год назад
Professor, por gentileza... o meu raciocínio está correto? Desde já agradeço! 7 DICAS PARA CUIDAR DA SAÚDE DE SEU CACHORRO 🐶💚 1- Adaptação do cachorro Quando receber um novo cãozinho em sua casa, prepare um lugar quentinho e confortável, que pode ser uma caixa ou uma caminha. Se puder, coloque objetos com o cheiro do lugar em que ele estava anteriormente, como um paninho, para que ele não estranhe muito o local. 2- Alimentação Deixe sempre água fresca para seu cachorro e longe do sol. Evite dar restos de comida, pois só a ração tem os nutrientes de que seu cão precisa em uma dosagem equilibrada 3- Casinha Coloque a casinha ou caminha de seu cachorrinho em uma área coberta, protegida do sol e da chuva - mesmo que a casinha do cachorro já tenha seu próprio telhado. 4- Higiene Escove os pelos do seu cachorro diariamente. Nos casos dos cães de pelos longos, considere tosá-los, principalmente no verão. 5- Brincadeiras Cães adoram brinquedos de morder: ossos de borracha, plástico ou náilon. Não dê a ele objetos que soltem lascas ou pedaços que possam ser engolidos. 6- Um cãozinho ou dois? Ter mais de um cachorro pode ser uma ótima ideia, pois além de ser mais uma companhia para a família, ele será também companhia para o outro cão. 7- Socialização Para acostumar seu cachorro a outras pessoas e animais, passeie sempre com ele, desde filhote.
@serliv
@serliv Год назад
Pra mim esta ok. Eu só tentaria tirar as tags br´s e colocaria margin no css. A tag br deve ser usada para quebrar um linha de texto, e não para distanciar dois elementos. Blz?
@sollopiccolo2491
@sollopiccolo2491 Год назад
@@serliv, essa era a minha dúvida, não sabia se poderia colocar o . Sua didática é incrível; já adquiri o seu curso e tão logo o iniciarei . Feliz Páscoa, professor, muito obrigada mais uma uma vez! 🙏 🙏
@canalfernandooliveira
@canalfernandooliveira Год назад
Obrigado. Deus abençoe. Posso sugerir um conteúdo?
@serliv
@serliv Год назад
Opa. Claro que sim. Até agradeço. E que Deus nos abençoe a todos nós
@canalfernandooliveira
@canalfernandooliveira Год назад
@@serliv obrigado. Poderia criar, baseado nessa explicação, um vídeo de como podemos colocar no html mesmo as semânticas html. Básicas. Mas com editor de código. Essa é uma sugestão. Obrigado.
@thommy_80
@thommy_80 9 месяцев назад
Article seria pro html o que os componentes são pro react😅😅😅
@serliv
@serliv 9 месяцев назад
Não necessariamente
@thommy_80
@thommy_80 9 месяцев назад
@@serliv mas article se voce tirar do seu site e usar ele sozinho em outro ele funciona, igual um componente 😛😛😛
@guilhermehenrique-md7pl
@guilhermehenrique-md7pl 6 месяцев назад
top!!!!!
@Forgiveisgood
@Forgiveisgood Год назад
11:43 se preocupar a ponto de perder os cabelos, essa frase nunca fez tanto sentido agora
@serliv
@serliv Год назад
hahahahaha boa
@Forgiveisgood
@Forgiveisgood Год назад
@@serliv kkkk
@jamesbecker9952
@jamesbecker9952 18 дней назад
Mto bom 👏🏻👏🏻👏🏻
@serliv
@serliv 18 дней назад
Obrigado 😃
@coquealto
@coquealto 3 месяца назад
Muito bom!!
@serliv
@serliv 3 месяца назад
Muito obrigado 😊
@BernardoMB2
@BernardoMB2 4 месяца назад
Maratonando o canal nessa madrugada de sábado
@serliv
@serliv 4 месяца назад
Aí sim. Muito obrigado pela confiança
@emersonoliver8572
@emersonoliver8572 Год назад
Iniciante escrevendo antes de assistir! Nas section eu planejo dividi-los por assunto separando por class ,se eu resolver fazer conteudos laterias que ocupam espaço vertical com mais de 2 section ,uso asside! Agora dando play pra corrigir meus erros!
@emersonoliver8572
@emersonoliver8572 Год назад
Esqueci do article
@emersonoliver8572
@emersonoliver8572 Год назад
@Gabriel Oliveira Eu sou novato,eu ví no Guanabara,só vi o basicão das semânticas! Header,futter e essas coisas!
@serliv
@serliv Год назад
@user-fl9kq4zl9p exatamente. O nome confunde. Mas aside não significa "ao lado" em termos visuais. Mas sim "ao lado" em termos de conteudo
@emersonoliver8572
@emersonoliver8572 Год назад
@Gabriel Oliveira Sempre que me ver pelos comentários, sinta se a vontade! Comunicação gera informação,informação é poder!
@angelicacoelho5752
@angelicacoelho5752 Год назад
Uma dúvida, nesta parte que estão os cursos, você disse que é a parte principal e para colocar uma section com várias artucules dentro, mas por ser a parte do conteúdo principal não poderia ser uma main com as articules dentro representando cada curso, e os preços com section?
@serliv
@serliv Год назад
Normalmente a tag main engloba todo o conteudo da página e não só uma seção expecifica. Ou seja, o que não form nav, header, footer, aside etc, é main.
@alejandroluna_dev
@alejandroluna_dev Год назад
Maravilhoso conteúdo. Estou nos começos dos estudos sobre html, css e javascript. Justoe hoje estava pensando sobre este conteudo e achei seu video. Eu entendo que as tag do html sao importante de usar da melhor forma possível principalmente por como o navegador iteratua, faz a leitura do html. Que é a forma que ele melhor entende um site. É isso mesmo?
@serliv
@serliv Год назад
Exatamente. Além disso, o HTML semântico vai ajudar também em questões de SEO (otimização para sites de busca) e também acessibilidade, o que é muito importante, pois assim você não impede o acesso às informações do seu site por pessoas que possuam algum tipo de necessidade especial
@eriveltondasilva6878
@eriveltondasilva6878 Год назад
Ótimo conteúdo 👏🏻👏🏻
@serliv
@serliv Год назад
Muito obrigado. Abração
@maathcmacieloliveira2297
@maathcmacieloliveira2297 Год назад
Tô fazendo seu curso e tava tendo essa dúvida tava usando tudo div kkkkk mas vou re ver pra aprender e usar o esse site pra estudar mais
@serliv
@serliv Год назад
Que bom que ajudei
@LipeSaint12
@LipeSaint12 Год назад
Na área de cursos não poderia usar a tag main, já que é o conteúdo principal da página? 23:30
@serliv
@serliv Год назад
pode sim Daniel. Parabéns pela perspicácia. Forte abraço
@aaronvictor1951
@aaronvictor1951 Год назад
Mesmo ja estando no javascript eu tinha essa duvida , a estrutura eu conheço so não sabia como usar
@serliv
@serliv Год назад
Boa. Espero ter ajudado a clarear as coisas
@VemComAlex
@VemComAlex Год назад
Foi cirúrgico nas explicações! Parabéns pelo conteúdo!
@serliv
@serliv Год назад
Eu que agradeço Jayme. Muito obrigado
@golpacto
@golpacto Год назад
Estava procurando esse assunto, sou aluno pela Udemy e isso me tira a paz kkk
@serliv
@serliv Год назад
Kkkkk. Pois é. Fiz esse vídeo com base em muitas perguntas que recebo sobre esse assunto
@juniordantaspersonal
@juniordantaspersonal Год назад
Nossa... Clareou muitas dúvidas 😅👏 Só me restou uma kkk Para uma página só com um container contendo todas as informações (ex: Portfólio), é ideal separar as partes em section, mesmo que em uma delas fiquem apenas botões?
@serliv
@serliv Год назад
Eu diria que sim Junior.
@juniordantaspersonal
@juniordantaspersonal Год назад
@@serliv Show. Muito obrigado!
@_lowge
@_lowge Год назад
Em 18:11 não poderia usar uma tag section para o conteúdo e uma tag aside para a imagem? Em 21:53 Todas as article que você disse não poderia tá dentro de uma tag main? Quando poderia usar a tag main nesse exemplo mostrado no vídeo?
@serliv
@serliv Год назад
Olá. Sobre o aside não seria o ideal, pois esta tag representa um conteúdo tangencial ao conteúdo principal do sei seu site. Nesse exemplo, tudo o que não for header nem footer poderia estar contido dentro de uma tag main, blz?
@_lowge
@_lowge Год назад
@@serliv Obrigado, esclareceu bastante
@Tousen_
@Tousen_ Год назад
nice
@dg.gamers9946
@dg.gamers9946 Год назад
Parabéns pelo canal, estou fazendo seu curso la na plataforma do udemy
@serliv
@serliv Год назад
Muito obrigado pela mensagem e pela confiança no meu trabalho . Abração
@biancavieira6732
@biancavieira6732 Год назад
Um menu lateral seria um aside, com um nav dentro? ou um menu com uma nav dentro?
@serliv
@serliv Год назад
Não necessariamente. O aside não significa "ao lado" em termos visuais. É muito comum confundir isso por conta do nome da tag. A tag aside significa conteudo tangencial ao conteudo principal
@raul6707
@raul6707 Год назад
Obrigado por dividir o conhecimento. Me ajudou muito!! 😍
@serliv
@serliv Год назад
Fico feliz. Obrigado pelo feedback
@angelicacoelho5752
@angelicacoelho5752 Год назад
Maravilhoso conteúdo. Parabéns!!
@serliv
@serliv Год назад
Muito obrigado Angélica. Abração
@toninfps2
@toninfps2 Год назад
Muito bom professor estou estudando por conta própria e vc ajudou muito a entender.
@serliv
@serliv Год назад
Show. Muito obrigado pela mensagem. Abração
@marcia_fortuna
@marcia_fortuna Год назад
Sou aluna desse curso, é fantástico, didático e os projetos desenvolvidos complementam a aplicação prática dos conteúdos. Gratidão professor.
@serliv
@serliv Год назад
Muito obrigado pelo feedback Márcia. Forte abraço
@marcia_fortuna
@marcia_fortuna Год назад
@@serliv 🥰
@daniell_nunes
@daniell_nunes Год назад
Muito esclarecedor, ajudou bastante. Grato!
@serliv
@serliv Год назад
Eu que agradeço pelo feedback. Forte abraço
@FlavioMarcal-sc2uh
@FlavioMarcal-sc2uh Год назад
Acredito que a pegada é saber quando usar article e section.
@serliv
@serliv Год назад
Pois. Espero ter conseguido deixar um pouco mais claro com esse vídeo
@divulgaweb2391
@divulgaweb2391 Год назад
muito bom me ajudou muito com minhas duvidas !!!!
@serliv
@serliv Год назад
Fico feliz. Muito obrigado pelo feeback.
@DjosyDiamantino
@DjosyDiamantino Год назад
Mim ajudou bastante❤🙏🏽
@serliv
@serliv Год назад
Fico feliz :) Muito obrigado pela mensagem
@pensandobem6892
@pensandobem6892 5 месяцев назад
Show de bola ajudou muito
@serliv
@serliv 5 месяцев назад
Que bom que ajudou
@korvoalone
@korvoalone Год назад
a sua didatica é a melhor de todas
@serliv
@serliv Год назад
Nossa. Muito obrigado mesmo. De coração
@matheusvieira3731
@matheusvieira3731 Год назад
Era essa aula que eu estava esperando hehe
@serliv
@serliv Год назад
Boa. Já não precisa mais esperar heheheh
@lucascirilo8929
@lucascirilo8929 5 месяцев назад
Excelente aula!!!
@serliv
@serliv 5 месяцев назад
Obrigado 😃
@Tchosk
@Tchosk Год назад
obg pelas dicas de uso dessas tag.
@serliv
@serliv Год назад
Imagina. TMJ
@marlondasilva6534
@marlondasilva6534 8 месяцев назад
Ajudou bastante
@serliv
@serliv 8 месяцев назад
Fico feliz. 😊
@aricleciotanaarea5290
@aricleciotanaarea5290 9 месяцев назад
😮😮😮aula top !
@serliv
@serliv 9 месяцев назад
Muito obrigado
@HBcanall
@HBcanall Год назад
ótimo conteúdo!
@serliv
@serliv Год назад
Muito obrigado Henrique. Que bom que gostou
@pyruk4_
@pyruk4_ Год назад
Muito bom!
@serliv
@serliv Год назад
Muito obrigado
@felpa.
@felpa. 10 месяцев назад
Um dos melhores videos do RU-vid explicando essas Tag's !!! Explicação rápida e didatica! Muito bom para quem está começando na programação!
@serliv
@serliv 10 месяцев назад
show. Muito obrigado 😊
Далее
4 Sites para praticar HTML e CSS
12:33
Просмотров 16 тыс.
ОБЗОР НА ШТАНЫ от БЕЗДNA
00:59
Просмотров 277 тыс.
Please stop using px for font-size.
15:18
Просмотров 170 тыс.
Are you using the right CSS units?
6:30
Просмотров 456 тыс.
Diferença entre div e section | Mód03 - Aula 21
5:24
01 - Analisando Portfolio de Iniciante em FRONT END
13:47
⭐ Minicurso Animações CSS
53:01
Просмотров 131 тыс.