Uma das tags que você aprenderá no início de sua Designer de Web educação é um par de marcas conhecidas como "marcas de ênfase". Vamos dar uma olhada no que são essas tags e como elas são usadas no design da web hoje.
Voltar para XHTML
Se você aprendeu HTML anos atrás, bem antes do surgimento de HTML5, você provavelmente usou as tags negrito e itálico. Como era de se esperar, essas tags transformaram os elementos em texto em negrito ou itálico, respectivamente. O problema com essas tags, e por que elas foram deixadas de lado em favor de novos elementos (que veremos em breve), é que elas não são elementos semânticos. Isso ocorre porque eles definem a aparência do texto, em vez de informações sobre o texto. Lembre-se de que o HTML (que é onde essas tags seriam escritas) é uma questão de estrutura, não de estilo visual! Os visuais são controlados por CSS e as melhores práticas de web design há muito afirmam que você deve ter uma separação clara de estilo e estrutura em suas páginas da web. Isso significa não usar elementos que não sejam semânticos e cujos detalhes pareçam em vez de estrutura. É por isso que o ousado e
itálico as tags foram geralmente substituídas por forte (para negrito) e ênfase (para itálico).e
Os elementos fortes e de ênfase adicionam informações ao seu texto, detalhando o conteúdo que deve ser tratado de forma diferente e enfatizado quando esse conteúdo é falado. Você usa esses elementos da mesma forma que usaria negrito e itálico no passado. Basta cercar seu texto com as tags de abertura e fechamento ( e para ênfase e e para ênfase forte) e o texto anexo será enfatizado.
Você pode aninhar essas tags e não importa qual é a tag externa. Aqui estão alguns exemplos.
Este texto é enfatizado e a maioria dos navegadores o exibiria em itálico.
Este texto é fortemente enfatizado e a maioria dos navegadores o exibiria em negrito.
Em ambos os exemplos, não estamos ditando a aparência visual com o HTML. Sim, a aparência padrão do tag seria itálico e o seria ousado, mas essa aparência poderia ser facilmente alterada em CSS. Esse é o melhor de ambos mundos. Você pode aproveitar os estilos padrão do navegador para obter texto em itálico ou negrito em seu documento sem realmente cruzar a linha e misturar estrutura e estilo. Diga que você queria isso texto não apenas em negrito, mas também em vermelho, você pode adicionar isso ao SCS.
Forte {
cor vermelha;
}
Neste exemplo, você não precisa adicionar uma propriedade para a espessura da fonte em negrito, pois é o padrão. Se você não quiser deixar isso ao acaso, você pode sempre adicioná-lo em:
Forte {
intensidade da fonte: Negrito;
cor vermelha;
}
Agora você teria quase a garantia de ter uma página com texto em negrito (e vermelho) sempre que o tag é usada.
Duplique a Ênfase
Uma coisa que observamos ao longo do ano é o que acontece se você tentar dobrar a ênfase. Por exemplo:
Este texto deve ter ambos negrito e itálico texto dentro dele.
Você pensaria que esta linha produziria uma área com texto em negrito E itálico. Às vezes, isso realmente acontece, mas vimos alguns navegadores apenas honrarem o segundo dos dois estilos de ênfase, o mais próximo do texto real em questão, e exibi-lo apenas em itálico. Esta é uma das razões pelas quais não dobramos as tags de ênfase.
Outra razão para evitar essa "duplicação" é para fins estilísticos. Uma forma de ênfase geralmente é suficiente para transmitir o tom que você deseja definir. Você não precisa colocar em negrito, itálico, colorir, ampliar e sublinhar o texto para que ele se destaque. Esse texto, com todos aqueles diferentes tipos de ênfase, se tornaria extravagante. Portanto, tenha cuidado ao usar tags de ênfase ou estilos CSS para fornecer ênfase e não exagere.
Uma nota sobre negrito e itálico
Um pensamento final - enquanto o negrito () e itálico () as tags não são mais recomendadas para serem usadas como elementos de ênfase, existem alguns web designers que usam essas tags para estilizar áreas embutidas de texto. Basicamente, eles o usam como um elemento. Isso é bom porque as tags são muito curtas, mas usar esses elementos dessa maneira geralmente não é recomendado. Nós o mencionamos caso você o veja em alguns sites sendo usado não para criar texto em negrito ou itálico, mas para criar um gancho CSS para algum outro tipo de estilo visual.