Article image
Raja Novaes
Raja Novaes07/06/2022 23:14
Compartilhe

Categorias de conteúdo do elemento (HTML)

  • #HTML

A ideia desse texto é apresentar as categorias presentes no HTML e qual seria sua utilização e os principais elementos de cada categoria. 

Conteúdo de metadados permite configurar a apresentação ou comportamento do conteúdo do documento, estabelecendo relação com outros documentos. Elementos: <base>, <command>, <link>, <meta>, <noscript>, <script>, <style> e <title>.

Conteúdo do fluxo está relacionado diretamente com elementos usados no corpo do documento. Elementos: <a>, <abbr>, <address>, <article>, <aside>, <audio>, <b>,<bdo>, <bdi>, <blockquote>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <del>, <details>, <dfn>, <div>, <dl>, <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1> , <h2> , <h3> , <h4> , <h5> , <h6> , <header>, <hgroup>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd> , <keygen> , <label>, <main>, <map>, <mark>, <math>, <menu> , <meter>, <nav>, <noscript>, <object> , <ol>, <output>, <p>, <pre>, <progress>, <q>, <ruby>, <s>, <samp> , <script>, <section>, <select>, <small> , <span>, <strong>, <sub>, <sup>, <svg>, <table>, <template>, <textarea>, <time>, <ul>, <var>, <video>, <wbr> e Text.

Conteúdo de seção pode ser usado dentro de elementos como <header>, <footer> e no conteúdo do cabeçalho. Elementos: <article>, <aside>, <nav> e <section>.

Conteúdo do título define o cabeçalho de uma seção. Elementos:  <h1>, <h2>, <h3>, <h4>, <h5>, <h6>  e <hgroup>.

Conteúdo de frase (fraseado) está relacionado ao texto e a sua marcação, conjunto de frases compõem parágrafos. Elementos:<abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr> e texto simples (não consistindo somente de caracteres de espaço em branco). 

Conteúdo incorporado permite importar outros recursos para o documento ou inserir conteúdo de uma outra linguagem de marcação. Elementos: <audio>, <canvas>, <embed>, <iframe>, <img>, <math>, <object>, <svg> e <video>.

Conteúdo interativo está destinado à interação com usuário. Elementos:<a> (se o href estiver presente), <audio> (se o controls estiver presente), <button>, <details>,  <embed>, <iframe>, <img>(se o usemap estiver presente), <input>(se o type não estiver no estado Oculto), <label>, <select>, <textarea>, <video>(se o controls estiver presente).  

Raízes de Corte possuem suas próprias características não está associado diretamente ao elemento mãe. Elementos: <blockquote>, <body>, <details>, <dialog>, <fieldset>, <figure>, <td>.

Elementos associados ao formulário estão relacionados a um formulário. Elementos:  <button>, <fieldset>, <input>, <object>, <output>, <select>, <textarea>, <img>, elementos personalizados associados a formulários.

Elementos listados está relacionado a um form de conteúdo ao qual possui um proprietário definido (form.elements e fieldset.elements). Elementos: <button>, <fieldset>, <input>, <object>, <output>, <select>, <textarea>, elementos personalizados associados a formulários.

Elementos que podem ser enviados são elementos que podem ser usados para construir a lista de entrada quando um form é submetido. Elementos: <button>, <input>, <select>, <textarea>, elementos personalizados associados a formulários.

Elementos reajustáveis está relacionado a elementos que podem ser afetados quando um form é redefinido. Elementos: <input>, <output>, <select>, <textarea>, elementos personalizados associados a formulários.

Elementos herdados de capitalização automática esses elementos herdam o autocapitalize do proprietário do formulário. Elementos: <button>, <fieldset>, <input>, <output>, <select>, <textarea>. 

Elementos rotuláveis são elementos que podem ser associados a um label. Elemento: <button>, <input>(se o type não estiver no estado Oculto ), <meter>, <output>, <progress>, <select>, <textarea>, elementos personalizados associados a formulários.

Conteúdo palpável em regra geral está associado a conteúdo de fluxos ou fraseado e que não tenham o hiddean especificado. Elementos: <a>, <abbr>, <address>, <article>, <aside>, <audio> (se o controls estiver presente), <b>, <bdi>, <bdo>, <blockquote>, <button>, <canvas>, <cite>, <code>, <data>, <details>, <dfn>, <div>, <dl> (se os filhos do elemento incluírem pelo menos um grupo nome-valor), <em>, <embed>, <fieldset>, <figure>, <footer>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hgroup>, <i>, <iframe>, <img>, <input> (se o type não estiver no estado Oculto), <ins>, <kbd>, <label>, <main>, <map>, <mark> <menu> (se os filhos do elemento incluirem pelo menos um li), <meter>, <nav>, <object>, <ol>(se os filhos do elemento incluirem pelo menos um li), <output>, <p>, <pre>, <progress>, <q>, <ruby>, <s>, <samp>, <section>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <textarea>, <time>, <u>, <ul> (se os filhos do elemento incluirem pelo menos um li), <var>, <video>, elementos personalizados autônomos, texto que não é espaço em branco entre elementos.

Elementos de suporte a script são aqueles que não são renderizados, mas fornecem funcionalidade para o usuário. Elementos:  <script>, <template> 

Compartilhe
Comentários (1)

H

Horlando - 07/06/2022 23:55

Ótimo conteúdo!!