Uma das tags que você aprenderá no início de sua educação em web design é um par de tags conhecidas como "tags de ênfase". Vamos dar uma olhada no que essas tags são e como elas são usadas no web design hoje.
Voltar para XHTML
Se você aprendeu HTML anos atrás, bem antes do surgimento do HTML5, provavelmente usou as tags negrito e itálico. Como seria de se esperar, essas tags transformaram elementos em texto em negrito ou texto em 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 como o texto deve parecer, em vez de informações sobre o texto. Lembre-se, HTML (que é onde essas tags seriam escritas) é tudo sobre estrutura, não estilo visual! Os recursos visuais são tratados por CSS e as práticas recomendadas de design da Web há muito tempo sustentam que você deve ter uma clara separação de estilo e estrutura em suas páginas da Web. Isso significa não usar elementos que não sejam semânticos e que detalham a aparência em vez da estrutura. É por isso que as tags em negrito e itálico 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 praticamente da mesma maneira 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 forte ênfase) e o texto em 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 exibem em itálico.
Este texto é fortemente enfatizado e a maioria dos navegadores o exibem em negrito.
Em ambos os exemplos, não ditamos visual visual com o HTML. Sim, a aparência padrão do tag seria itálico e o seria ousado, mas essas aparências poderiam ser facilmente alteradas em CSS. Esse é o melhor de ambos mundos. Você pode aproveitar os estilos de navegador padrão para obter texto em itálico ou em negrito em seu documento sem realmente cruzar a linha e misturar estrutura e estilo. Diga que você queria isso texto para não só ser em negrito, mas também ser vermelho, você pode adicionar isso ao CSS Forte { cor vermelha;} Neste exemplo, você não precisa adicionar uma propriedade para o peso da fonte em negrito, já que é o padrão. Se você não quiser deixar isso ao acaso, no entanto, você pode sempre adicioná-lo em: Forte { intensidade da fonte: Negrito; cor vermelha;} Agora você teria toda a garantia de ter uma página com texto em negrito (e vermelho) onde quer que tag é usada. Uma coisa que notei ao longo do ano é o que acontece se você tentar dobrar a ênfase. Por exemplo: Você poderia pensar que essa linha produziria uma área com texto em negrito e itálico. Às vezes, isso realmente acontece, mas eu vi alguns navegadores honrarem apenas o segundo dos dois estilos de ênfase, o mais próximo do texto em questão, e apenas exibem isso como itálico. Esta é uma das razões pelas quais eu não duplico as tags de ênfase. Outro motivo 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 negrito, itálico, cor, ampliar e sublinhar o texto para que ele se destaque. Esse texto, todos aqueles diferentes tipos de ênfase, se tornariam berrantes. Portanto, tenha cuidado ao usar tags de ênfase ou estilos CSS para dar ênfase e não exagere. 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 de texto em linha. Basicamente, eles usam isso como um elemento. Isso é bom porque as tags são muito curtas, mas o uso desses elementos dessa maneira geralmente não é recomendado. Eu mencionei no caso de você ver isso em alguns sites sendo usados para não criar texto em negrito ou itálico, mas para criar um gancho de CSS para algum outro tipo de estilo visual. Artigo original de Jennifer Krynin. Editado por Jeremy Girard em 12/2/16. Duplique a ênfase
Este texto deve ter tanto em negrito e itálico texto dentro dele.
Uma nota em negrito e itálico