Um modelo inicial de HTML é uma estrutura ou estrutura básica para construir um site usando HTML (Hypertext Markup Language). Ele fornece um ponto de partida para os programadores criarem um site rapidamente sem precisar escrever todo o código HTML do zero. Eles podem ajudar os desenvolvedores a começar rapidamente e, em seguida, focar na criação de recursos e funcionalidades específicas de seu site ou aplicativo. Este guia demonstra o que é um modelo inicial de HTML.
O que é o modelo inicial de HTML?
Um modelo inicial de HTML contém a declaração , as tags ,
e e um conjunto básico de estilos CSS e scripts JavaScript. Essas tags fornecem uma base para a criação de uma página da Web que economiza muito tempo e esforço para os desenvolvedores.VIDEO
O modelo inicial de HTML aparece assim:
< html apenas = 'em' > < cabeça < meta conjunto de caracteres = 'UTF-8' > < meta nome = 'janela de exibição' contente = 'largura=largura do dispositivo, escala inicial=1' > < título Linux < / título < link rele = 'folha de estilo' href = './estilo.css' > < meta http-equiv = 'Compatível com X-UA' contente = 'ie=borda' > < / cabeça < corpo < h1 Modelo inicial de HTML < / h1 < / principal> < roteiro origem = 'index.js' >< / roteiro < / corpo < / html
Siga a demonstração abaixo para obter conhecimento sobre as tags/elementos disponíveis no template inicial de HTML:
A tag
O ' ” contém os dados sobre o tipo de arquivo e informa ao navegador como renderizá-lo. Essa tag ajuda muito na otimização do mecanismo de pesquisa, fornecendo informações sobre qual versão do HTML é utilizada para construir a página da web. Se esta tag estiver faltando em um arquivo HTML, o navegador da web pode se comportar de forma inesperada ou exibir elementos incorretos.
A etiqueta
O ' ” é um elemento obrigatório e atua como um contêiner para todos os elementos HTML. É o elemento raiz significa que todos os outros elementos devem ser colocados dentro para funcionar corretamente. Essa tag pode ser utilizada para definir a estrutura e o conteúdo da página da Web e ajudar a especificar os metadados sobre o documento. Usando seu “ apenas ” o idioma da página HTML pode ser definido:
< html apenas = 'em' > // código / html No trecho de código acima, o idioma da página HTML é definido como “ Inglês ”.
A etiqueta “”
As informações sobre a página da web são inseridas dentro do “ ” e não é visível na página da Web e essas informações são utilizadas para fins de SEO. Normalmente inclui metadados, como o título da página, descrição e palavras-chave, bem como links para folhas de estilo externas, scripts e outros recursos:
< cabeça // inserir código aqui / cabeça As tags
A tag
< meta / > A tag </strong> </h2>
<p> O ' <strong> <título></strong> ” é utilizado para exibir a página da Web ou o nome do site na barra de título do navegador. Essa tag pode ser benéfica no gerenciamento das páginas da web do site. Ajuda o processo de SEO e melhora a acessibilidade, incluindo títulos descritivos e significativos. Ajuda os usuários com alguma deficiência a navegar no site com mais facilidade:</p> < <a href="http://december.com/html/4/element/title.html"><span class="kw2"> título</span></a> > Linuxhint <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/title.html"><span class="kw2"> título</span></a> ><p> Depois de executar a linha de código acima dentro do “ <strong> <cabeça></strong> ” tag, a página da web aparece assim:</p>
<p> <img class="wp-image-321551" src="https://softoban.com/img/other/71/what-is-html-starter-template-1.png"></p>
<p> A saída acima mostra que os dados fictícios fornecidos dentro do “ <strong> <título></strong> ” agora é colocada na barra do título.</p>
<h2> <strong> A tag <link></strong> </h2>
<p> Esta tag é utilizada para vincular arquivos HTML a outros arquivos para herdar ou usar o estilo ou métodos no arquivo HTML. Os outros arquivos podem ser arquivos CSS criados pelo desenvolvedor ou alguns CDNs dos frameworks CSS como Bootstrap ou Tailwind etc. o arquivo HTML:</p> < <a href="http://december.com/html/4/element/link.html"><span class="kw2"> link</span></a> <span class="kw3"> rele</span><span class="sy0"> =</span><span class="st0"> 'folha de estilo'</span> <span class="kw3"> href</span><span class="sy0"> =</span><span class="st0"> './estilo.css'</span> ><p> Na linha de código acima, o “ <strong> estilo.css</strong> ” está sendo vinculado ao arquivo HTML. Agora, as classes que são construídas dentro do arquivo “style.css” podem ser acessadas para aplicar estilo no arquivo HTML. Por exemplo, tente estilizar o “ <strong> <h1></strong> ” que já está inserida dentro do arquivo HTML usando as seguintes propriedades CSS:</p> h1<span class="br0"> {</span> <br>
<br> font-family: times new roman; <br>
<br>
<span class="kw3"> cor</span> : darkcyan; <br>
<br>
<span class="br0"> }</span>
<p> Insira o código acima no campo “ <strong> estilo.css</strong> ' arquivo. Depois de renderizar, a página da Web aparece assim:</p>
<p> <img class="wp-image-321552" src="https://softoban.com/img/other/71/what-is-html-starter-template-2.png"></p><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/3oSIqIqzN3M?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br />
<p> A página da Web mostra que os estilos são aplicados no elemento HTML do arquivo CSS externo usando o “ <strong> <link></strong> ' marcação.</p>
<h2> <strong> A etiqueta “<corpo>”</strong> </h2>
<p> O uso principal da tag <body> é conter todo o conteúdo visível da página da web. Isso inclui várias tags que ajudam a inserir texto, imagens, vídeos e outros elementos na página da web que compõem o conteúdo principal da página da web. Também pode ser utilizado para aplicar propriedades CSS à página da Web de uma só vez. Também melhora a acessibilidade da página da Web, incluindo tags semânticas e outros recursos de acessibilidade:</p> < <a href="http://december.com/html/4/element/body.html"><span class="kw2"> corpo</span></a> > <br>
<br>
<span class="sy0"> //</span> Adicione elementos HTML aqui <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/body.html"><span class="kw2"> corpo</span></a> ><h2> <strong> A etiqueta “<script>”</strong> </h2>
<p> Para acessar a funcionalidade JavaScript dentro do arquivo HTML, o “ <strong> <script</strong> > marca é utilizada. O desenvolvedor pode inserir o código JavaScript diretamente dentro da tag script ou vincular a JavaScript externo usando a mesma tag “<script>”:</p> < <a href="http://december.com/html/4/element/script.html"><span class="kw2"> roteiro</span></a> > <br>
<br>
<span class="sy0"> //</span> adicionar js<span class="kw3"> código</span> aqui <br>
<br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/script.html"><span class="kw2"> roteiro</span></a> ><p> Isso é tudo sobre a explicação de tags no modelo inicial de HTML.</p>
<h2> <strong> Conclusão</strong> </h2>
<p> O modelo inicial de HTML fornece uma estrutura básica da linguagem HTML que pode ser modificada pelos desenvolvedores de acordo com o requisito. Isso economiza muito tempo e esforço, pois agora o desenvolvedor não começa a construir do zero. Inclui tags como “ <strong> <cabeça></strong> ”, “ <strong> <meta></strong> ”, “ <strong> <título></strong> ”, “ <strong> <link></strong> ”, “ <strong> <script></strong> ”, “ <strong> <corpo></strong> ” etc. Este artigo demonstrou o modelo inicial de HTML junto com a implementação prática.</p>
</article>
<div class="d-flex justify-content-center">
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div>
</div>
<div class="tag-widget post-tag-container mb-5 mt-5">
<div class="tagcloud">
<a href="/outro/" class="tag-cloud-link">Outro</a>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light pt-5">
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Categoria</h3>
<ul class="categories">
<li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">De Outros</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Ampliação</a> </li><li> <a href="/cinnamon/">Canela</a> </li><li> <a href="/reviews/">Avaliações</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Rádio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Compressão</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software De Produtividade De Escritório</a> </li><li> <a href="/boot/">Bota</a> </li><li> <a href="/system-calls/">Chamadas De Sistema</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wirehark</a> </li><li> <a href="/synology/">Sinologia</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Sublime</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefone</a> </li><li> <a href="/kodi/">Código</a> </li><li> <a href="/gnome/">Gnomo</a> </li><li> <a href="/manjaro/">Delicadeza</a> </li><li> <a href="/mouse/">Mouse</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrente</a> </li><li> <a href="/tablet/">Tábua</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Ondulação</a> </li><li> <a href="/kde/">Onde</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontes</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Imagens</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Lula</a> </li><li> <a href="/mate/">Amigo</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Teclado</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Criptografia</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Átomo</a> </li><li> <a href="/red-hat/">Chapéu Vermelho</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Notebook Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Players De Mídia</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Vapor</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Potência</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Pegada</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odisséia</a> </li><li> <a href="/audio/">Áudio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tensorflow</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Janelas</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Legado)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Escritório</a> </li><li> <a href="/outro/">Outro</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/players-de-midia/">players de mídia</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/de-outros/">De outros</a> </li><li> <a href="/gnomo/">gnomo</a> </li><li> <a href="/bota/">bota</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/proxima-nuvem/">próxima nuvem</a> </li><li> <a href="/virtude/">virtude</a> </li><li> <a href="/passagem-usb/">passagem USB</a> </li><li> <a href="/modo-de-seguranca/">#modo de segurança</a> </li><li> <a href="/passagem-de-dispositivo/">passagem de dispositivo</a> </li><li> <a href="/sdn/">SDN</a> </li>
</ul>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Publicações Populares</h3>
<div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/13/how-to-video-call-between-android-and-iphone-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-fazer-videochamada-entre-android-e-iphone">Como fazer videochamada entre Android e iPhone</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/53/append-dict-to-dataframe-in-pandas-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/anexar-dict-ao-dataframe-no-pandas">Anexar Dict ao DataFrame no Pandas</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/23/how-to-access-the-environment-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-acessar-o-ambiente-em-c">Como acessar o ambiente em C++</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FE/making-a-bash-script-return-with-different-return-codes-on-exit-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/fazendo-um-retorno-de-script-bash-com-diferentes-codigos-de-retorno-na-saida">Fazendo um retorno de script Bash com diferentes códigos de retorno na saída</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/54/adb-command-not-found-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/comando-adb-nao-encontrado">Comando ADB não encontrado</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/47/how-to-write-a-fraction-in-latex-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-escrever-uma-fracao-em-latex">Como escrever uma fração em LaTeX</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/44/arduino-communication-protocol-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/protocolo-de-comunicacao-arduino">Protocolo de comunicação Arduino</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/8B/c-seekg-function-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/funcao-c-seekg">Função C++ Seekg()</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/23/how-to-block-a-website-for-a-standard-user-in-windows-10-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-bloquear-um-site-para-um-usuario-padrao-no-windows-10">Como bloquear um site para um usuário padrão no Windows 10?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/71/how-to-create-and-manage-tasks-using-windows-task-scheduler-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-criar-e-gerenciar-tarefas-usando-o-agendador-de-tarefas-do-windows">Como criar e gerenciar tarefas usando o Agendador de Tarefas do Windows</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A0/how-to-change-the-base-branch-of-a-pull-request-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-alterar-o-branch-base-de-uma-solicitacao-pull">Como alterar o branch base de uma solicitação pull?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A8/how-to-disable-ipv6-completely-on-fedora-linux-39-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-desabilitar-completamente-o-ipv6-no-fedora-linux-39">Como desabilitar completamente o IPv6 no Fedora Linux 39</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/BB/what-is-the-windows-ws-folder-and-can-i-delete-it-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/o-que-e-a-pasta-windows-ws-e-posso-exclui-la">O que é a pasta $Windows.~WS e posso excluí-la</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/31/how-to-adjust-screen-brightness-on-windows-11-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-ajustar-o-brilho-da-tela-no-windows-11">Como ajustar o brilho da tela no Windows 11</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/74/how-to-fix-zsh-command-not-found-wget-error-on-mac-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-corrigir-zsh-comando-nao-encontrado-erro-wget-no-mac">Como corrigir – zsh: comando não encontrado Erro wget no Mac</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/3D/what-is-the-most-powerful-discord-bot-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/qual-e-o-discord-bot-mais-poderoso">Qual é o Discord Bot mais poderoso?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D6/invoke-expression-the-universal-powershell-executor-cmdlet-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/invoke-expression-o-cmdlet-universal-de-execucao-do-powershell">Invoke-Expression: o cmdlet universal de execução do PowerShell</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/CD/how-to-create-and-add-menus-in-wordpress-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/como-criar-e-adicionar-menus-no-wordpress">Como criar e adicionar menus no WordPress</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/98/what-is-daily-theme-command-and-how-to-use-it-in-midjourney-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/o-que-e-o-comando-daily-theme-e-como-usa-lo-no-meio-da-jornada">O que é o comando “/daily_theme” e como usá-lo no meio da jornada?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div><div class="block-21 mb-4 d-flex">
<a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1B/is-there-an-easy-way-to-convert-jquery-code-to-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/existe-uma-maneira-facil-de-converter-codigo-jquery-em-javascript">Existe uma maneira fácil de converter código jQuery em JavaScript?</a> </h3>
<div class="meta">
<div> <a href="/outro/"><span class="icon-chat"></span> Outro</a> </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END COL -->
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="https://softoban.com/template/js/jquery.min.js"></script>
<script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script>
<script src="https://softoban.com/template/js/popper.min.js"></script>
<script src="https://softoban.com/template/js/bootstrap.min.js"></script>
<script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script>
<script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script>
<script src="https://softoban.com/template/js/jquery.stellar.min.js"></script>
<script src="https://softoban.com/template/js/owl.carousel.min.js"></script>
<script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script>
<script src="https://softoban.com/template/js/aos.js"></script>
<script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script>
<script src="https://softoban.com/template/js/scrollax.min.js"></script>
<script src="https://softoban.com/template/js/main.js"></script>
<script async="" defer="" src="//www.instagram.com/embed.js"></script>
<script async="" src="https://platform.twitter.com/widgets.js"></script>
<script>
window.onload = function(){
for(i in document.images)
{
if(document.images[i].naturalWidth==0){
if(window.location.pathname.length > 1){
document.images[i].style="display:none"
}
else
{
document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
}
}
}
}
$(document).ready(() => {
$('nav').find('a').each(function(){
if($(this).attr('href') == window.location.pathname){
$(this).parent('li').addClass('active')
}
})
var wrapper = '<div class="embeded-video"></div>';
if($('iframe[width="560"]').length > 1){
$('.m_v').remove();
}else{
}
$('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper);
let loc = window.location.pathname;
if(loc == '/privacy-policy'){
$('div.embeded-video').remove();
$('blockquote').remove();
}
})
</script>
</body>
</html>