Los elementos semánticos en el contenido de texto generalmente se usan para describir fragmentos especiales de contenido. Estos elementos semánticos pueden usarse para marcar información importante, como: nombre, evaluación, precauciones, fecha, etc.
Los elementos incluyen: <bdi>, <talls>, <summary>, <Scel>, <Stouting>, <Suby>, <RP>, <Time>, <WBR>, etc.
<BDI>: Mid, un contenido de la dirección de texto que está separado del elemento principal y utiliza la dirección de texto predeterminada del sistema.
<talls>: se utiliza para describir los detalles del documento.
<summary>: el título del elemento <settleS> está marcado.
<KARK>: Lalate el texto que es prominente.
<Poot>: Marque un área donde el contenido se llenará en el futuro.
<Suby>: Mark Notes (fonética o carácter chino).
<rt>: use en el elemento <Ruby>, defina la interpretación o la pronunciación de los caracteres (fonética o carácter chino).
<rp>: en el elemento <Ruby>, se define el contenido que muestra el navegador que no admite elementos de rubí.
<Time>: luz o tiempo.
<wbr>: está marcado que una palabra se cambia cuando el espacio posterior no se puede acomodar.
ClasificaciónLas versiones del navegador de IE de cada versión de estos elementos son diferentes.
Es decir, admite: <KARK>, <Outtut>, <ScuT>, <RT>, <RP>, <Time>.
IE no es compatible con: <bdi>, <talls>, <summary>, <wbr>.
Es decir, apoyoEl navegador IE admite elementos, que también es compatible con el navegador Chrome.
Incluyendo: <KARK>, <Outtut>, <Suby>, <RT>, <RP>, <Time>.
<Kark>: etiqueta el texto que es prominenteLa versión más baja del navegador: IE 9, Chrome 26
Use el escenario: contenido importante.
Ejemplo:
<p> La capital de China es <Mark> Beijing </sk> </p><Poot>: marque un área donde el contenido se llenará en el futuro
La versión más baja del navegador: IE 9, Chrome 33
Use el escenario: Muestre un área de resultados de cálculo, valor de retorno de JavaScript, etc.
propiedad:
Para: ID de elemento asociado. Si hay múltiples, separados en el espacio.
Formulario: ID de formulario asociado. Si está en forma de formulario, no necesita asignar este atributo.
Ejemplo:
<Form ID = Form Onput = Result.Value = UserName.Value> <input type = text name = username/> <outputy name = resultado> </form><Suby>, <rt>, <rp>: nota (fonética o carácter chino)
<Suby>: Mark Notes (fonética o carácter chino).
<rt>: use en el elemento <Ruby>, defina la interpretación o la pronunciación de los caracteres (fonética o carácter chino).
<rp>: en el elemento <Ruby>, se define el contenido que muestra el navegador que no admite elementos de rubí.
La versión más baja del navegador: IE 5, Chrome 5
Use el escenario: Pinyin chino, seudónimo japonés.
Ejemplo:
<h5> Pinyin chino </h5> <p> <oc> zhong </rt> guo <rt> guo </rt> </p> <h5> nombre falso japonés </h5> <p> <Ruby> Han <rt> か ん </rt> Palabras <rt> じ </rt> </ruby> </p><Time>: etiqueta fecha o hora
La versión más baja del navegador: IE 9, Chrome 33
Use escenarios: noticias y fecha de publicación de blogs.
Ejemplo:
Fecha de creación: <TimedateTime = 2016-04-15T12: 30> 2016/04/15 12:30 </beo>
propiedad:
DateTime {DateTime}: Establezca la fecha y la hora de este elemento. El formato de <Time> El formato de la fecha de visualización de elementos es diverso. .
Ejemplo:
<p> Fecha de creación: <Time DateTime = 2016-04-15 12:30> 2016/04/15 12:30 </beo> </p> <p> Fecha de creación: <Time DateTime = 2016-04-15 12:30> hace 30 minutos </beo> </p> <p> Fecha de creación: <Time DateTime = 2016-04-15 12:30> 15 de abril </Time> </p>Es decir, no es compatible
Los elementos inadecuados del navegador IE también han sido apoyados en el navegador Chrome.
Incluyendo: <bdi>, <talls>, <summary>, <wbr>.
<bdi>: marcó una sección del contenido del texto del elemento principal y adoptó la dirección de texto predeterminada del sistemaLa versión más baja del navegador: IE no es compatible, Chrome 16
Use la escena: árabe, persa, etc.
<p> DIVED DIRECCIÓN DEL TEXTO: RTL </p> <divir = rtl> <p> ¡La capital de China es Beijing! > </div><summary>, <talls>: marque el bloque de contenido expandido y cerrado
<talls>: se utiliza para describir los detalles del documento.
<summary>: el título que contiene el elemento <settleS>.
La versión más baja del navegador: IE no es compatible, Chrome 12
Use la escena: detalles del producto, detalles del documento.
Ejemplo:
<summary> 2016-04-18 CONDICIONES MEREATIVAS <SPETES> <P> Sunny se vuelve nublado </p> <p> 13 ~ 25 ° </p> </etlets> </summary><wbr>: marque una palabra cuando el espacio posterior no se pueda tolerar por completo
La versión más baja del navegador: IE no es compatible, Chrome 1
Use la escena: palabras en inglés más largas.
Ejemplo:
<h5> Excluyendo elementos de WBR: </h5> <p> Netscape nombrado Livescript en el lenguaje de script original, y luego Netscape lo renombró JavaScript después de cooperar con Sun. </p> <h5> contiene elementos WBR: </h5> <p> Netscape nombrado Livescript en el lenguaje de script original, y luego Netscape lo renombró Java <wbr> Script después de cooperar con Sun. </p>
Lo anterior es todo el contenido de este artículo.