Expresa-la

Lera iso nalgún blog ... pensei que era bo para catalogar isto para ref futuro .... tamén podería ser unha cuestión importante entrevista que lle pediu a algúns días ....

Escriba un tramo de CSS que pode amosar un parágrafo en azul en navegadores máis antigos, os navegadores máis recentes en vermello, verde e negro en IE6 no IE7

#content p{color:blue}
html>body #content p {color:red}
* html #content p{color:green}
html>body #content p {*color:black;}

Tiven ese problema raro, onde unha peza de Javascript funcionou ben en todos os ans navegador como o IE bar habitual Simple ... que era, pero desde que o script non foi escrito por min, levou un tempo para depurar ese "obxecto non soporta esta propiedade ou método" erro que só o IE estaba vomitando. Probablemente! Se eu fose escribir o guión, non conseguiría ese erro en todo, como non mesturar os meus nomes de variables con campo IDs :).

Problema: O obxecto non soporta esta propiedade ou método (na liña 3)

 function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

Solución:
O erro é xerado no thirdrow no exemplo anterior (Liña 3 ... "shortdesc = document.getE ...."). Intento todo tipo de cousas estúpidas, que eu non o é vale a mención aquí e, finalmente, difícil de adiviñar! cambiando só a var shortdesc a outra cousa se ​​librou do erro. Basicamente! O nome da variable tivo que distinto do fieldID

Re Ciclismo é Buzzword e Desenvolvemento web iso significa non é diferente. El conserva a enerxía, en termos de esforzo!

Ao longo de anos de escritura e creación de HTML CSS desde debuxos, estou seguido algunhas das mellores prácticas, en busca de aforro de tempo e enerxía no que comunmente termo como "Re-inventar a roda". E outra vez, eu dixen a min mesmo, que eu preciso crear algúns modelos, algúns CSS reutilizable estándar que eu usaría OUT OF THE BOX no meu traballo futuro. Aínda que non completamente, pero eu puiden alcanzar algúns dos obxectivos.

Ao promover, Re-uso de CSS, eu tiña un ollar os cadros algúns CSS que son comumente dispoñibles para nós e decidiu poñer-los para usar, xa que estes son probadas e probadas e creadas por moito desenvolvedores expertos, do que eu. Máis importante "evitar a re-inventar".

A pesar de coñecemento común para os veteranos, eu tente pluma algúns dos conceptos / prácticas / pensamentos que ha ir para a creación destas estruturas, para facer reciclaxe de CSS posible. Espero que isto axude algúns desenvolvedores CSS que están a piques de embarcar e, recentemente, o bandwagon CSS!

Teclas de reciclaxe de CSS:

Use Convencións de Nomeamento

Isto ten que ser o factor máis importante para facer a CSS / HTML re-utilizable. Dando nomes consistentes para os elementos da páxina permite a reutilización dos compoñentes PAGE, e as súas cores, con pouca ou modificacións. De acordo con este argumento, aínda HTML5, nun cambio gran cambio en relación aos seus antecesores, é presentar algúns viz marcas estrutural. <article>, <section>, <header>, <aside> e <nav> [ O que vai traer HTML5? ]. Mesmo con HTML 4 (ou inferior), é mellor para nomear seccións estándar da súa páxina consistanly como no exemplo simple abaixo ...

Lembre, A maioría das páxinas do seu proxecto, acaban por ter os mesmos elementos principais estruturais. Identificar eses elementos de páxina comúns núcleo ....

  <div id="container">
    <div id="header"> ... </ div>
    <div id="nav"> ... </ div>
    <div id="sidebar"> ... </ div>
    <div id="footer"> ... </ div>
   </ Div> 

Restablecer estilos estándar (CSS redefine): Se usa un cadro ou escribir o seu propio, ten que proporcionar CSS redefine [ Cales son CSS redefine? ], como ás veces reducir ou eliminar as inconsistencia visuais que ocorren entre varios navegadores. En palabras simples o Mecanismo Restablecer CSS define os estilos de elemento HTML para valores cero ou nulo, polo tanto, substituíndo os valores por defecto do seu navegador poderían poñer. Isto proporciona unha lousa limpa para definir as propiedades destes elementos baleiro de calquera patróns User-Agent [ CSS2.1 User Agent Patróns de folla de estilo ]. Todos os cadros CSS teñen de motor de reset. Se está escribindo vostede mesmo CSS redefine, unha palabra de cautela é que, se ocorrer de esqueza repor unha propiedade de clave, pode levar a cuestións cross-browser, que son moi difíciles de depurar. Lembre, Manteña unha copia dos estilos de reset e deixalos en cada novo proxecto que crear.

  corpo, div, dl, dt, dd, ul, ol, li,
  h1, h2, h3, h4, H5, H6,
  pre formulario, fieldset, entrada, select, textarea,
  p, blockquote, táboa, th, td
  {
    marxe: 0px;
    Margin: 0;
    padding: 0;
  } 

Estándares definidos (Estilos de liña de base) para elementos:

Despois de ter definido (a cero ou nulo) os valores estándar de certos atributos de certos elementos de HTML, é necesario aplicar algúns estilos en todas as instancias destes elementos. Estes configuración por defecto pode variar de acordo co proxecto ou de acordo coas mellores prácticas que segue.

A maioría dos cadros CSS, sempre presenta algúns novos patróns, ademais de axustar estilos por defecto do navegador.
Eses patróns estar baleiro dos patróns de User-Agent (arrancada pola redefinición CSS), estes serán consistente en todos os navegadores.

Lembre, estilos de referencia son utilizados para definir estilos que van ser usados ​​proxecto no seu conxunto. por exemplo.

  html {font-size: 77%; font-family: Arial, sans-serif;}
 forte, H1, H2, H3, H4, H5, H6 {font-Weight: bold;} 

Estilos comúns abstractos para compoñentes HTML e clases comúns:

A maior parte do proxecto que consiste en varias páxinas terá elementos HTML comúns utilizados en todo o sitio web, por algún tipo de formas, por exemplo, avisos e erros, Popups personalizados, etc Lightboxes Como eses compoñentes son usados ​​unha vez entre os proxectos, que vai ser útil para proporcionar unha conxunto de clases asociadas con estilos pre-definidos para estes compoñentes e podes gardar unha chea de tempo.

Ademais de definir opcións reutilizables estilos para os compoñentes comúns en HTML, poderiamos clases abstractas estilos pertencentes a cor tipografía, ou mesmo esquema. Eu mesmo tenden usa ... as clases comúns, como Clearfix, Font08, FontGrey, AlignL, DisplayB etc

  formulario de entrada {Modelo: 0px; background: # ffffff; padding: 0px 10px; _padding: 0px 0px; height: 26px; color: # 000000; line-height: 30px; font-size: 1.1em;}
 formulario textarea {Modelo: 0px; background: # ffffff; color: # 000000; font-size: .9 en; line-height: 1.5em; overflow: visible;}
 . Fbold {font-Weight: bold; color: # cccccc;}
 . Fgrey {color: # 666666;}
 . Flightgrey {color: # bbbbbb;}
 . Clearfix {clear: both;}
 . Divisor {Modelo:-top: 1px solid # 647B06; Modelo-bottom: 1px solid # 9CC00A; height: 0px;}
 . Displayb {display: block;}. Displayn {display: none;}
 . Alignr {text-align: right}. Alignc {text-align: center}
 . Floatr {float: right;}. Floatl {float: left;} 

Correccións para peculiaridades comúns do navegador

Varios navegadores aplicar o código CSS e proporcionar variación do nivel de soporte para as especificacións de CSS. O resultado desta .... "Peculiaridades do Navegador", que nós, os desenvolvedores se deixa para afrontar. Especialmente, IE6 asombra máis codificadores CSS cun prazo a cumprir. A boa noticia é experiencia reuniu posibles correccións reutilizables para estas cuestións (moitas veces denominado como CSS Hacks ).

Lembre, Manteña estes hacks / correccións a man

  / * O zoom seguinte: 1 regra é especialmente para IE6 + IE7.  * /
    * Html. Clearfix,
    *:. First-child + html {clearfix
           zoom: 1;
      } 

Manteña refinar a súa CSS

• O hábito de reciclaxe non vai chegar ata en día. As desenvolvido. Polo tanto, Dúbida súa reciclaxe. Teña isto en mente que podería patróns abstractos, definicións estilos de tipografía, esquemas, Estilos elemento HTML etc Probe pensar no futuro.
• Tamén mirar para atrás en proxectos anteriores, vai axudar a identificar estilos que tenden a usar moitas veces a través porjects. Resumo-lo.
• Eliminar todos os estilos non utilizados. Esta práctica ha manter o seu cadro de CSS dende un síntoma común chamado "inchazo" -
• Eliminar estilos repetitivos.
• Construír un conxunto de estilos que son flexibles abondo para transportalo a través de proxectos.

Un ollar sobre CSS Frameworks

Finalmente. Se está inspirado e pretende usar un ou máis dos cadros CSS, Heres é rápida lista de algúns populares ....

• 960 Cidadán System : The Grid System 960 é un esforzo para axilizar o fluxo de traballo de desenvolvemento web, proporcionando dimensións comunmente usados, en base a unha anchura de 960 píxeles. Existen tres variantes: 12, 16 e 24 columnas, que poden ser utilizados por separado ou en conxunto. Pensamento nada que non pode crear un para o seu propio con bastante facilidade, o cadro ofrece modelos de reixa para imprimir en formato PDF, que se pode usar a esbozar o seu designs.Bet páxina, faría unha impresión profesional, se levar algunhas follas cando vai a un cliente para levantamento de requisitos de interface de usuario. Tamén ofrece modelos de reixa básicas para deseño de software populares, como Fireworks, Flash, InDesign, Illustrator, Photoshop, Office, etc introducindo un "Start for Ten" para comezar o seu traballo de deseño.
• Blueprint : Blueprint ofrece arquivos distintas clasificados CSS para redefine, Reixas, formularios, impresión, tipografía, plugins para botóns, pestanas e sprites etc Tamén ofrece soporte para IE como un separado incluír.
• SenCSs : A diferenza dos dous anteriores, SenCSs (Sense pronunciado), non ten definicións de CSS para deseño. Inclúe fontes, preenchimentos, marxes, táboas, listas, cabeceiras, blockquotes, formularios e máis.
• BlueTrip : A túa proposta inicial á fama era iso, era unha combinación dos mellores recursos proporcionados por outros frameworks outros como azul de viaxe de impresión, Oli ... de onde vén o seu nome. O seu conxunto de recursos inclúe 24-columna de reixa, estilos de imprenta, estilos ORM, impresión, botóns, etc
• YUI grids : trae a vostede polo Developer Network Yahooo, soporta fluído ancho (100%), así como esquemas pre-definidos de ancho fixo esquemas en 750px, 950px, 974px e, ea capacidade de adaptar facilmente a calquera número. Como podes ver, a súa técnica só os compoñentes do esquema. YUI tamén forneceu HTML / CSS conxuntos a outros elementos da páxina
• YAML (Yet esquema Outra varias columnas)
• Emastic

Teña en conta que, utilizando frameworks CSS non implica que vostede é preguiceiro para crear o seu propio ... Iso implica que é intelixente para aprender outras experiencias e erros, aforrar tempo e aumentar a produtividade!

CSS completou 10 anos existencia este ano! Os que estiveron ao redor por un tempo, gañando o seu pan (ou non) usar o CSS, entón podes conciencia de como temos fame dunha boa selección de fontes. Mesmo coa falta de fontes deseñadores como aqueles en CSS Zen Garden fixeron uso de imaxes de fondo CSS para substituír fontes na procura de facer algunha xustiza ós seus proxectos. Tamén tratamos de Flash / Javascript ® hacks para conseguir os obxectivos do noso proxecto. De maneira ningunha este é un camiño mal para obter as fontes que desexamos nos nosos proxectos de web, pero definitivamente, non é a forma máis conveniente. e ao longo dos anos Deseño Web, coma min, completamente contou con dez ou máis fontes para os seus proxectos.

Desenvolvementos recentes na web estándares e formatos de letra fan posible procesar texto HTML caracteres tipográficos que non sexan as mesmas fontes estándar antigo. Ven no "@ fontface" decleration CSS.

@ Fontface provids unha solución para enlace para o arquivo fonte real e obtela na web. Usando @ fontface, os deseñadores poden usar fontes sen ter que conxelar o texto como imaxes de fondo. A aplicación é moi simple, como se amosa abaixo, pero como todas as cousas boas teñen un papel con-lo, non todos os navegadores soportan un "tipo de letra" única. Se planear usar fontface @ na web con necesidade de apoio cross-browser, entón terá que achegar fontes para varios tipos de font-o mesmo.

1. TrueType - Un formato deseñado para quedar ben na pantalla. Recoméndase especialmente para o Windows navegadores (Chrome).
2. OpenType (CFF) - Este formato é mellor para o traballo de impresión e non sempre quedan ben en Windows.
3. EOT - Debe dese formato se quere dirixir o Internet Explorer. IE non vai utilizar calquera outro formato. O noso EOT serían considerados "Lite", xa que non son nin comprimida nin o dominio restrinxido.
4. SVG - Este é un formato XML soportada por algúns navegadores, incluíndo o iPhone.
5. WOFF - Este cross-browser web-só o formato da fonte, leve (datos da fonte é comprimido) e pode ser feita con TrueType ou PostScript (CFF) describe. Hoxe é soportado por Firefox 3.6 +.

Usando @ fontface

  @ Font cara {
 font-family: "CalligraphyFLFRegular ';
 src: url ('CalligraphyFLF.eot');
 src: local ("CalligraphyFLF '), local (' CalligraphyFLF '), formato de URL (' CalligraphyFLF.woff") ("WOFF '), url (' CalligraphyFLF.ttf ') formato (' TrueType '), url (' CalligraphyFLF . svg # CalligraphyFLF ') formato (' svg ');
 }
 @ Font cara {
   font-family: "O tipo de letra";
   src: url ("fonts / font_filename.eot");
   src: local ("nome alternativo"), lugar ("Alternatename"),
     formato url ("fonts / font_filename.woff") ("WOFF"),
     formato url ("fonts / font_filename.otf") ("OpenType"),
     formato url ("fonts / font_filename.svg # font_filename") ("SVG");
   }
 h2 {font-family: "O tipo de letra", Xeorxia, serif;} 

Como podes ver no exemplo anterior, para incluír o tipo de letra seleccionado, ten de se vincular a un conxunto de fonttypes para o mesmo tipo de letra. De aí a xente se refiren a el como "Kit Orixe".
Hai Vivir fonte dispoñibles que explicitamente permite a conexión co @ propiedade CSS font-face-to-baixo End User License Agreement (EULA).

Recursos útiles WebFont:

• Fontes dispoñibles para @ font-face-embedding páxina wiki en http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . É un deseñador de renome fonte que fixo centos de interesantes fontes TrueType dispoñibles gratuitamente para uso na web. As súas fontes son elegantes, decorativo, e brincalhão.
• Dieter Steffmann é outra gran fonte de deseño. Tamén fixo moitas fontes bonitas dispoñibles para calquera usar.
• Tenda Orixe : ofrece fontes deseñadas especialmente para uso na web. Máis de 30 dos fogares FontFont máis exitosos están agora dispoñibles como FontFonts web. FontShop ten tamén un detallado guía do usuario WebFont http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Esquilo Orixe : Vitrinas todas as fontes que Squirrel Font ofrece para o seu uso coa incorporación CSS @ font-face. Esquilo Font ofrece unha cantidade impresionante de tipo, fai que sexa moi sinxelo de elixir un para fóra, e con descanso ofrece "kits" - a fonte da súa elección, en diversos formatos, embalados con demo HTML e CSS usa moito actual sintaxe @ font-face . Eles ofrecen unha forma de facer as súas propias @ font-face kits . Se o tipo de letra que desexa utilizar foi licenciado de forma adecuada (os que veñen co ordenador non son necesariamente así), o xerador produce EOT, SVG e hey! WOFF arquivos.

Co meu limitado conxunto de habilidades con ferramentas como Photoshop e Illustrator, podo confesar honestamente que eu son desenrolador mellor que eu son un deseñador. Pero a miña experiencia co núcleo (do lado do servidor) co desenvolvemento Java / PHP / COBOL, foi unha influencia moi positiva sobre as miñas habilidades de desenvolvemento de interface de usuario. O que quero dicir é, ao crear os meus proxectos, é dicir, cada vez que fago deseño, eu penso sobre como o proxecto pode ser mellor convertidos en HTML e CSS mentres fai o HTML-CSS, dou un pensamento sobre a tecnoloxía back-end e facer razoablemente seguro que o HTML pode ser facilmente aplicado en XSL loops ou fragmentos PHP etc

Nos últimos anos, teño xogado de cabeza para proxectos de deseñadores de interface de usuario, que probablemente donot ter unha idea do que é HTML ou CSS. Todos estes anos eu pensei que eu ía pedir máis, Se eu só esperar que o deseñador, que está intentando shov seu "imposible código" proxecto goela abaixo, para entender un pouco o seu proxecto sería convertido en. Isto axudaría non?

Entón, me deparei con este post de hoxe ... Web deseñadores que non pode codificar ... Señor Grazas! Eu son só un dos moitos que senten o mesmo ... O artitle arriba é un pouco longo alento .. pero paga a pena ler, cada palabra del.

Grazas Stocks Elliot Jay ... eu me sinto aliviado!

Velaquí algúns fragmentos de partida Elliots .

Guau, que día! Todo comezou cun tweet pouco e rematou con un debate que parecía varrer toda a comunidade deseño web. Parece que hai algunhas opinións moi fortes realizadas sobre o tema de se os deseñadores de web debe ser capaz de código.
...
Entón, antes de chegar a este, permitan-me recapitular rapidamente o que eu dixen esta mañá en Twitter:

Honesta, eu estou impresionado que en 2010 eu aínda estou benvida a través dos deseñadores web 'que non pode codificar os seus propios deseños. Non hai escusa.

... Eu debería ser un pouco máis específico na miña tweet. Eu estaba fala de deseñadores que non teñen aínda o máis básico de HTML e CSS habilidades para transformar un proxecto sinxelo nun sitio web real. Non persoas que intencionalmente non optan por código, aqueles que non poden. E eu tamén estou referindo só front-end código aquí, por suposto que é ridículo pensar que os deseñadores deben tamén ser sorprendentes back-end programadores ...

Estivemos con 'web' proxectos enviados en Illustrator, 300dpi, imposibles de código, sen consistencia / usabilidade.
~ Amy Mahón

Está quedando tarde, e teño que acabar isto de algunha maneira. Eu sei que haberá moitos que discordan de min, e miña intención non é ofender ou molestar a calquera que non pode codificar, pero espero que algunhas das cousas que dixo reflicte algúns dos puntos que sempre xorden cando se afondar este debate.

Ao final do día, eu non perdo o sono por causa que pode codificar e quen non pode. Eu son só xenuinamente sorprendido ao atopar tantos deseñadores que carecen de front-end habilidades, como eu pensaba que iso era unha cousa do pasado.

Ler tamén os comentarios, había cerca de 320 comentarios, como eu escriba ... que pagan a pena unha lectura.
Por favor, lea Elliots post completo aquí .. web deseñadores que non pode codificar

Unha vez que o botón de radio eo texto son en liña, de xeito que o texto será aliñar-se para a parte inferior do botón de radio, o texto aparecerá a ser lixeiramente por baixo do botón de radio.
Se queres estes para aliñar ao principio, vai ter que poñer a radio eo texto en recipientes separados, como divs ou spans (segundo corresponda) e eles van coidar do aliñamento. Sería máis doado de usar células da táboa, tamén, do seu proxecto de deseño permite.

Isto non vai ser o mesmo en todos os navegadores, como todo navegador exhibe radios de forma lixeiramente diferente, polo que hai sempre vai haber problemas de tamaño, non importa o que fai.

HTML5 aínda é un borrador. Mentres escribo, traballos HTML 5, que comezou en 2004, aínda está a ser dado forma por un esforzo conxunto entre o W3C HTML WG eo WHATWG . A palabra é que a próxima xeración HTML terá melloras e recursos, o que faría nova estrutura e semántica, controis de formulario, APIs, etc etiquetas multimedia.

En Inglés sinxelo ... o que significaría para nós desenvolvedores de interface de usuario ...

• Haberá ademais de algunhas marcas viz estrutural. <article>, <section>, <header>, <aside>, <nav> e, que substituiría a maioría dos <div> s usado nunha páxina web, facendo as súas páxinas un pouco máis semántico, pero máis importante, máis fácil para ler.
  Hey! Basta imaxinar o esforzo salvo na constatación de que unha etiqueta DIV falta preto.
  por exemplo

  <body>
   <header> ... </ header>
   <nav> ... <nav />
   <article>
     <section>
       ...
     </ Section>
   </ Article>
   <aside> ... </ banda>
   <rodapé> ... </ footer>
 </ Body> 

No canto de

  <body>
   <div id="header"> ... </ div>
   <div id="nav"> ... </ div>
   <div class="article">
     <div class="section">
       ...
     </ Div>
   </ Div>
   <div id="aside"> ... </ div>
   <div id="footer"> ... </ div>
 </ Body> 

• Coa chegada do contido de audio e vídeo como YouTube, o uso de multimedia incorporados no sitio web ten increaded ás veces. Tendo isto en conta, agora o plan é engadir soporte nativo para a incorporación de vídeo e audio no propio navegador, polo tanto, permitir aos usuarios tocar, pausar, parar, buscar, e axustar o volume usando o builtin DOM APIs para scripts para controlar a reprodución.

por exemplo

  <video poster="poster.jpg">
     <Fonte src = "video.3gp" type = "video/3gpp"
     media = "handheld">
         <source src="video.mp4" type="video/mp4">
 </ Video>
 <audio>
   <source src="music.oga" type="audio/ogg">
   <source src="music.mp3" type="audio/mpeg">
 <Audio /> 

• Mellor definición de papeis semánticos para os elementos existentes para, por exemplo. <strong> e <em> agora pode realmente ter significados distintos ou sexa, vai ser comportarse de forma diferente.

Hai moitos cambios máis / upgrades para a última versión ... continuará a actualizar este post como eu veño transversalmente os máis interesantes útiles .... Assist a este espazo

Este documento non pode fornecer información precisa como a especificación da HTML 5 aínda é activamente no desenvolvemento. En caso de dúbida, asegúrese sempre a especificación de HTML 5 aquí .

Tempo e outra vez, cando todos os outros navegadores vistas a comportarse como dixen polas regras W3C, espirais IE-lo do espírito de desenvolvemento, botando unha birra, que non parecen ter unha corrección. Só un tal é esta cuestión no IE7.

Declaración de problema:
Eu e por iso poden moitos dos outros desenvolvedores web graves notar máis que moitas veces, que cando hai aniñados flota no deseño, na pairan sobre algúns enlaces (tags de referencia), o recipiente que contén parece estar a trasladar algúns píxeles á dereita . Tente solucións de Google para este problema, pero case non atopei unha resposta razoable por que e cando ocorre (que poidan axudar a evitar que este problema ocorrer), de aí eu non atopei unha solución clara para o problema ou ...

Solución posible:
Fóra da experiencia, teño por cento aviso previo de 90% do ie veces, que este problema é corrixido pola adición dunha propiedade zoom na definición da CSS do recipiente apenas comportándose ...

 # {Somediv
       zoom: 1;
 }

de novo as razóns son ambiguo ... tente iso ...
Algúns elementos do IE ter un "hasLayout" propiedade, que é "certo" por defecto. Moitos comportamentos visuais CSS, por exemplo, un filtro de alfa só funciona en un elemento que hasLayout. eo {zoom: 1} parece dar os elementos obxecto de aprendizaxe a propiedade hasLayout .... Útil? Eu non penso así ...

A propiedade de zoom é tamén parece admite o Chrome, pero a súa forza utilización parece facer efecto adverso moito na miña disposición ... probalo, se funciona para ti ... se iso non acontecer, Bookmark esta páxina en "Craps CSS"

• A Declaración de Tipo de Documento que estar presente no inicio dun documento que usa a sintaxe HTML. Pode incluso ser usado dentro do sintaxe XHTML, pero non é necesaria. O documento XHTML Non é preciso incluír o DOCTYPE porque os documentos XHTML que son entregados correctamente usando un tamaño do ficheiro XML e son procesados ​​como XML navegadores, son sempre procesados ​​en ningún modo quirks.

• En XHTML, os nomes de marca son sensibles e xeralmente son definidas para ser escrito en letras minúsculas. HTML, con todo, nomes de marca son maiúsculas e minúsculas e poden ser escritas en todos os casos en maiúsculas ou mixto, aínda que o convenio máis común é para estar con letras minúsculas. O caso das marcas de inicio e de fin non ten que ser o mesmo, pero sendo consistente fai o limpador aparencia de código.

Beneficios da utilización de HTML

• Compatible cos navegadores existentes
• Os autores xa está familiarizado coa sintaxe
• A sintaxe tolerante e perdoar significa que non haberá ningún usuario hostil " pantalla amarela da Morte "un erro escorregar acidentalmente a través de
• Sintaxe abreviada cómodo, por exemplo, autores pode omitir algunhas marcas e valores de atributos

Beneficios da utilización de XHTML

• Sintaxe XML Strict anima os autores a escribir marcado ben formada, que algúns autores poden considerar máis doado de manter
• Integra-se directamente con outros vocabularios XML, como SVG e mathml
• Permite o uso de XML Processing, que algúns autores utilizan como parte da súa edición e / ou procesos de publicación

Onte, tras o problema que eu atope co redefine CSS Google Chrome ... penso escavar un pouco máis para a área de follas de estilo do autor do axente ...
Atopou esta táboa sobre os valores estándar de CSS2.1 usuario Folla de Estilos axente ... (para quen non sabe que "usuario Folla de Estilos" Axente é seguir o que é Folla de Estilos User Agent (especificación) .

Para unha lista completa de CSS 2.1 do usuario Follas Axente patróns de estilo prema aquí