Alguém poderia me dizer o que estou fazendo de errado? "
"bold" nunca foi um elemento HTML ("b" é a correspondência mais próxima).
O HTML deve conter conteúdo estruturado; o CSS do editor deve sugerir estilos para esse conteúdo. Dessa forma, os agentes de usuário podem expor o conteúdo estruturado com estilo e controles de navegação úteis para usuários que não podem ver o estilo em negrito sugerido (por exemplo, usuários de mecanismos de pesquisa, usuários totalmente cegos usando leitores de tela, usuários com deficiência visual usando suas próprias cores e fontes, usuários nerd usando navegadores de texto, usuários de navegadores controlados por voz e falantes, como o Opera for Windows). Portanto, a maneira correta de tornar o texto em negrito depende do motivo pelo qual você deseja denominá-lo em negrito. Por exemplo:
Deseja distinguir títulos de outro texto? Use os elementos de cabeçalho ("h1" a "h6") e sugira um estilo em negrito para eles em seu CSS ("h1, h2, h3, h4, h5, h6 {font-weight: bold;}".
Deseja destacar rótulos para campos de formulário? Use um elemento "label", associe-o programaticamente ao elemento "select", "input" ou "textarea" relevante, fornecendo a ele um atributo "for" que corresponde a um atributo "id" no destino e sugira um estilo em negrito para dentro do seu CSS ("label {font-weight: bold;"}).
Deseja destacar um título para um grupo de campos relacionados em um formulário, como um grupo de opções de rádio? Coloque-os com um elemento "fieldset", forneça um elemento "legend" e sugira um estilo arrojado dentro do seu CSS ("legend {font-weight: bold;}").
Deseja distinguir uma legenda da tabela da legenda? Use um elemento "caption" e sugira um estilo em negrito para ele em seu CSS ("caption {font-weight: bold;}").
Deseja distinguir os títulos das tabelas das células de dados da tabela? Use um elemento "th" e sugira um estilo negrito para ele em seu CSS ("th {font-weight: bold;}").
Deseja distinguir o título de um filme ou álbum referenciado do texto ao redor? Use um elemento "cite" com uma classe ("cite class =" movie-title ") e sugira um estilo em negrito no seu CSS (" .movie-title {font-weight: bold;} ").
Deseja distinguir uma palavra-chave definida do texto circundante que a define ou explica? Use um elemento "dfn" e sugira um estilo em negrito para ele em seu CSS ("dfn {font-weight: bold;}").
Deseja distinguir algum código de computador do texto ao redor? Use um elemento "code" e sugira um estilo negrito para ele dentro do seu CSS ("code {font-weight: bold;}").
Deseja distinguir um nome de variável do texto circundante? Use um elemento "var" e sugira um estilo negrito para ele em seu CSS ("var {font-weight: bold;}").
Deseja indicar que algum texto foi adicionado como uma atualização? Use um elemento "ins" e sugira um estilo em negrito para ele em seu CSS ("ins {font-weight: bold;}").
Deseja enfatizar levemente algum texto ("Eu amo gatinhos!")? Use um elemento "em" e sugira um estilo arrojado para ele em seu CSS (por exemplo, "em {font-weight: bold;}").
Deseja enfatizar bastante algum texto, talvez para um aviso (" Cuidado com o cachorro! ")? Use um elemento "forte" e sugira um estilo arrojado para ele em seu CSS (por exemplo, "forte {font-weight: bold;}").
... Você entendeu (espero).
Não é possível encontrar um elemento HTML com a semântica correta para expressar / por que / você deseja deixar esse texto específico em negrito? Envolva-o em um elemento genérico "span", dê a ele um nome de classe significativo que expresse sua justificativa para distinguir esse texto ("<span class =" lede "> Deixe-me começar este artigo de notícias com uma frase que o resuma. </ Span >) e sugira um estilo em negrito no CSS (".lede {font-weight: bold;"}. Antes de criar seus próprios nomes de classe, convém verificar se há um microformato (microformats.org) ou convenção comum para o que você deseja expressar.