Usando as propiedades do CSS "display: none"

CSS (CSS) permiten que organice o aspecto e deseño da páxina web. Unha das propiedades máis vulgarmente usada e os seus valores e "display: none".

Determinación das propiedades

A propiedade en si é un multi-purpose e determina o tipo de elemento de visualización no documento. Dependendo dos valores específicos páxina seleccionada pode aparecer a parte do bloque, de forma lineal, como unha lista de elementos como parte da mesa, e así por diante. D. Así, debido á propiedade de "display", pode cambiar o tipo do bloque no documento.

En canto ao "valor da propiedade display: none" paquete, permite que eliminar un elemento ou un bloque do documento. No mesmo lugar baixo a peza de páxina non está reservado, o que significa que cae fóra do fluxo. Todos os elementos que están alén do "control remoto", simplemente non velo e ignorar o tamaño ea posición da unidade. Para volver un obxecto escondido, ten que referirse ao documento mediante scripts que simplemente cambiar o valor das propiedades para o formato desexado. Cando isto ocorre formatar automaticamente a páxina co novo obxecto nel.

A diferenza entre a propiedades de "display" e "visibilidade"

A pesar do feito de que, como resultado de ambas as propiedades para ocultar elementos do usuario, o seu principio de funcionamento é moi diferente. Como xa se mencionou anteriormente, o parámetro "display: none" elimina o elemento do documento. O bloque cae fóra da páxina, por tanto, non ocorrendo nel. Neste caso, o obxecto aínda permanece no código HTML.

Pola súa banda, a propiedade "visibility: hidden" oculta o elemento do usuario, mais non eliminar-lo do modelo de documento. Así, a páxina está reservado un lugar neste bloque. É dicir, o fluxo de documentos vai aceptar e considerar a situación eo tamaño dun elemento con propiedade "visibility: hidden" exactamente igual sen el.

Esta diferenza é a estrutura de organización do documento estas dúas propiedades fai que sexa posible alcanzar o resultado desexado para a visualización da páxina correcta.

Usando CSS - display: none

documento Internet hai moitas maneiras de determinar as propiedades do elemento. O primeiro display: none poden ser prescritos nun ficheiro separado para CSS. Este método é o máis avanzado e mellor, xa que permite que faga todo selectores, clases e as súas propiedades nun documento separado. Este modelo permite que atope rapidamente e modificar a configuración de páxina.

A cabeceira do documento

A segunda modalidade é definir estilos entre o título das marcas de estilo do documento. A eficacia deste método é moito menos. Recoméndase aplicar só en casos extremos, como en presenza dun gran número de estilos de lectura de páxinas web deseño de deteriorarse significativamente. E iso leva a erros e retardar o proceso de desenvolvemento dun documento web. Esta visión só é recomendable en caso de engadir a etiqueta a un pequeno número de estilos ou instrumento de depuración.

Teña presente que, se esta forma de organizar estilos no documento é inferior a unha importación de folla de estilo separada, as propiedades de superposición serán substituídos por aqueles que están no corpo de HTML documento.

Bloque div. Mostrar: none

Outra forma é engadir directamente tag "style = display: none;" elemento de código. Esta visión é moitas veces usado cando se traballa con varios cadros, cuxa finalidade - reducir o número de recursos directamente na folla de estilo e amosar-los no documento web. Ademais, tal rexistro é moitas veces cando asistir "inspectores de código" páxina. É importante lembrar que usar esa visión, pode cambiar a propiedade e valor prescrito na folla de estilo. Entón ten que ser coidadoso, como resultado, pode crear problemas adicionais para ti e pasar algún tempo en atopar e corrixir erros no código da páxina.

JavaScript

Tamén paga a pena mencionar a posibilidade de novas modificacións nesta propiedade. Xa non se refire á folla de estilo e código HTML e unha linguaxe de script. Polo tanto, para aplicala la é necesario ter polo menos algún coñecemento nesta área. Para eliminar o elemento do fluxo de documentos, pode utilizar unha propiedade JavaScript "display = ningún". Permite que cambie a estrutura do documento cando un determinado evento. Ademais, a través do uso de scripts para dinamicamente ( "on the fly") para cambiar as propiedades de parámetro e, así, actualizar a visualización da páxina sen ter que recargar. Esta visión é útil cando organizar menús desplegable, fiestras modais e formas.

SEO

No campo da optimización de contidos web para os motores de busca, hai moitas supersticións e incertezas. Así, moitos SEOs novatos considerar o uso das propiedades "Mostrar" malos modos. Eles explicar isto polo feito de que os motores de busca ver o contido oculto, comezar a considerar a páxina como spam. Nas súas palabras, hai algunha lóxica, pero non moito máis. Neste punto o tempo a propiedade de obxectos ocultos usado moitas veces suficiente para formatar o menú desplegable e ocultar as partes do documento, o que non é na actualidade de interese para o usuario (por exemplo, cando selecciona unha categoría de outras informacións é eliminado). Esta visión utiliza un suficientemente poderosos portais de Internet (un deles - o "Amazon"). Así, o mecanismo de busca non pode considerar o uso da propiedade "display: none" spam.

Outra cousa, cando esta visión é usado para ocultar palabras e caracteres individuais. A pesar do feito de que agora o mecanismo de busca non teñen recoñecemento perfecto de tales algoritmos de "spam" nos documentos, a probabilidade de que a páxina será trabado nesta, é moi elevada. Polo tanto, é recomendable usar o "display" propiedade é estrictamente para a súa finalidade - para cambiar o tipo de bloque ou temporalmente ocultar dos ollos do usuario.