Exprimarea IT

Dacă citiţi acest lucru într-un blog ... crezut ca a fost frumos de a cataloga acest lucru pentru viitor ref .... asemenea, ar putea fi o întrebare interviu important pe care aţi cerut-o zi ....

Scrie un fragment de CSS, care va afişa un paragraf în albastru, în browserele mai vechi, roşu în browsere noi, verde în IE6 si IE7 în negru

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

Am avut această problemă ciudat, în cazul în care o bucată de Javascript lucrat bine în toate ANS browser ca IE bara de obicei Simplu ... a fost, dar din moment ce scenariul nu a fost scris de mine, a luat un timp pentru a depana această "Obiectul nu suportă această proprietate sau metodă", eroare care doar IE a fost aruncat în sus. Probabil! Dacă ar fi să scriu scenariul, nu aş fi primit această eroare, la toate, ca nu se amesteca nume de variabile mele cu câmpul ID-uri :).

Problemă: Obiectul nu suportă această proprietate sau metodă (pe linia 3)

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

Soluţie:
Eroare este generata pe thirdrow în exemplul de mai sus (linia 3 ... "shortdesc = document.getE ...."). Am încercat tot felul de lucruri stupide, pe care i dont este chiar merită menţionat aici şi în cele din urmă ghici ce! schimbarea doar var shortdesc la altceva scapat de eroare. Practic! Numele variabilei a trebuit să diferit de fieldID

Pentru câteva ore, acum am fost în căutarea unei soluţii pentru a rula / testa HTMLs mele statice în emulator Eclipse / Android. Nu au fost încă în totalitate de succes .... ceea ce vreau sa spun prin "total" este HTML devine încărcat OK, dar tot CSS şi JS, adică expresia vizuală nu este văzut. În cuvinte pentru dezvoltatori, CSS nu se aplică la pagina ...

Gândit că ar fi un newbie câteva colegii dezvoltatorii Android UI, Dacă am observat fragmentul de jos pe care am folosit pentru a afişa HTML.

Şi guru Android, adăugaţi comentariile dvs. pentru a ne ajuta începătorii în dezvoltatorii de aplicaţii mobile UI mai departe!

Ne pare rau! dar Im presupunând că ştiţi cum să creaţi o aplicaţie Android Mobile în Eclipse.

Crearea acest lucru ca activitatea dumneavoastră, Acest lucru va citi "index.html", fişierul din activele proiectului dvs. / folder.

 public class Test extends Activity {  /** Called when the activity is first created. */  @Override  public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    WebView webview = new WebView(this);    setContentView(webview);    try {      InputStream fin = getAssets().open("index.html");        byte[] buffer = new byte[fin.available()];        fin.read(buffer);        fin.close();        webview.loadData(new String(buffer), "text/html", "UTF-8");    } catch (IOException e) {      e.printStackTrace();    }  } } 

Re-Ciclism este Buzzword şi în dezvoltare web inseamna nimic diferit. Se economiseşte energie, în termeni de efort!

Peste ani de scris şi de crearea de CSS HTML de la design, am urmat câteva cateva cele mai bune practici, în căutarea de a economisi timp şi energie în ceea ce noi de obicei ca termenul de "Re-Inventing the Wheel". Ora şi timp, din nou, mi-am spus, că trebuie să creeze cateva sabloane, unele standard de re-utilizabile CSS, care mi-ar folosi DIN CUTIE în activitatea mea viitoare. Desi nu este complet, dar am reuşit să atingă unele dintre obiective.

În promovarea, Re-utilizarea de CSS, am avut o privire la câteva cadre CSS, care sunt de obicei disponibile la noi şi a decis să le folosească, aşa cum acestea sunt încercate şi testate şi creat de către dezvoltatorii de mult cu experienţă, decât mine. Mai important, "a evita re-Inventarea".

Deşi cunoştinţe comune la veterani, am încercat să stilou unele concepte-cheie / cele mai bune practici / gânduri, care a trecut în crearea acestor cadre, pentru a face RE-CICLISM de CSS posibil. Sper că acest lucru va ajuta unii dezvoltatori CSS care sunt doar pe cale de a şi urcat recent bandwagon CSS!

Taste Re-ciclism din CSS:

Folosiţi convenţiile Naming

Acest lucru trebuie să fie cel mai important factor în luarea CSS / HTML re-utilizabile. Acordarea de nume de consistente pentru elemente de pagină permite re-utilizarea de componente de pagină şi stilurile lor, cu puţin sau modificări. În conformitate cu acest argument, chiar HTML5, într-o schimbare schimbare majoră pe predecesorii săi, este de a introduce unele structurale şi anume etichetele. <article>, <section>, <header>, <aside>, şi <nav> [ Ce va aduce HTML5? ]. Chiar şi cu HTML 4 (sau mai mic), este cel mai bine pentru a numi secţiuni standard de pagina dvs. consistanly ca în exemplul de mai jos simplu ...

Amintiţi-vă, cele mai multe pagini de pe proiect, ajung având aceleaşi elemente de bază structurale. Identificarea acestor elemente comune de bază pagina ....

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

Reset Stiluri implicite (CSS Resetează): Indiferent dacă utilizaţi un cadru sau a scrie propriile dvs., trebuie să furnizeze CSS Resetează [ Ce sunt CSS Resetează? ], aşa cum se reduce sau elimina incoerenţele, uneori vizuale care apar între browsere diferite. În cuvinte simple, mecanismul de Reset CSS stabileşte stiluri de element HTML pentru valori zero sau null, imperative, astfel, orice valori implicite browser-ului se pot ridică. Acest lucru oferă o tabula rasa pentru a seta proprietăţile acestor elemente nule de orice valori prestabilite User-agent [ CSS2.1 User Agent de stil implicite Derivati ​​]. Toate cadrele CSS nu au mecanism de resetare. Dacă sunt scris tu propriul CSS Resetează, un cuvânt de precauţie este că, dacă se întâmplă să uitaţi să resetaţi o proprietate cheie, ar putea duce la probleme de cross-browser, care sunt foarte greu pentru a depana. Amintiţi-vă, păstraţi o copie a stilurilor de reset şi fixaţi-le în fiecare proiect nou pe care îl creaţi.

  corp, div, dl, dt, dd, ul, ol, li,
  H1, H2, H3, H4, H5, h6,
  pre, forma, FIELDSET, de intrare, selectaţi, textarea,
  p, blockquote, masă,-lea, TD
  {
    transfrontalieră: 0px;
    margin: 0;
    padding: 0;
  } 

Set Defaults (Stiluri de referinţă) la elemente:

După ce aţi setat (la zero sau null), valorile implicite de anumite atribute ale anumitor elemente HTML, este necesar să se aplice unele stiluri din fiecare instanţă a acestor elemente. Acestea ar putea varia setarea implicită ca pe design sau conform celor mai bune practici pe care le urmăriţi.

Cele mai multe cadre CSS, introduce mereu unele noi valori implicite, în plus faţă de resetarea stiluri browser prestabilit.
Aceste valori prestabilite fiind anulate din cele prestabilite de utilizator agent (deposedat departe de Reset CSS), acestea vor fi coerente în browsere.

Amintiţi-vă, stiluri de referinţă sunt folosite pentru a stabili stiluri, care vor fi utilizate de design la nivel. de exemplu.

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

Stiluri de abstract pentru componente comune HTML şi clasele comune:

Cea mai mare proiect compus din mai multe pagini va avea elemente comune HTML utilizate în întreaga site-ul, de exemplu, unele fel de forme, alerte si erori, popup-uri personalizate, lumini etc Deoarece aceste componente sunt folosite din nou în cadrul proiectelor, va fi util pentru a oferi un set de clase asociate cu stiluri predefinite pentru aceste componente şi aveţi posibilitatea să salvaţi-vă o mulţime de timp.

În afară de definirea definiţii reutilizabile stiluri pentru componente comune HTML, am putea clase abstracte stiluri referitoare la tipografie, de culoare sau chiar aspectul. M-am tendinţa de a utiliza ... clasele comune, cum ar fi Clearfix, Font08, FontGrey, AlignL, DisplayB etc

  {frontieră de intrare sub forma: 0px; fundal: # FFFFFF; padding: 0px 10px; _padding: 0px 0px; inaltime: 26px; color: # 000000; linie-inaltime: 30px; font-size: 1.1em;}
 formularul de textarea {frontieră: 0px; fundal: # FFFFFF; culoare: # 000000; font-size: .9 le; linie-inaltime: 1.5em; depăşire: vizibil;}
 Fbold {font-greutate: bold; color: # CCCCCC;}.
 . Fgrey {color: # 666666;}
 . Flightgrey {color: # bbbbbb;}
 Clearfix {clar: ambele;}.
 Separator {border-top: 1px solid # 647B06; border-bottom: 1px solid # 9CC00A; inaltime: 0px;}.
 Displayb {display: block;}. Displayn {display: none;}.
 Alignr {text-align: right.}. Alignc {text-align: center}
 Floatr {float: drept;}. Floatl. {Float: left;} 

Remedieri pentru quirks browser comune

Browsere diferite punerea în aplicare a codului CSS şi asigura un nivel variabil de sprijin pentru caietul de sarcini CSS. Rezultatul acestei .... "Quirks browser", ca noi, dezvoltatorii sunt lăsate pentru a aborda. Mai ales, IE6 bântuie programatori mai CSS, cu un termen limită pentru a răspunde. Vestea buna este o experienţă a adus împreună remedieri posibile reutilizabile la aceste aspecte (adesea numit ca Hacks CSS ).

Amintiţi-vă, Păstraţi aceste hacks / remedieri la îndemână

  / * Zoom: 1 regula este în mod special pentru IE6 + IE7.  * /
    * HTML. Clearfix,
    *:. Primul copil + html clearfix {
           Zoom: 1;
      } 

Păstraţi Rafinare CSS-ul

• Obiceiul de a re-mersul cu bicicleta nu va veni la tine în zi. Ea are de dezvoltat. Plan astfel de Re-Ciclism. Ţineţi acest lucru în minte că ar putea defaults abstracte stiluri de definiţii, tipografie, Layouts, stiluri Elementul HTML, etc Încercaţi să vă gândiţi înainte.
• De asemenea, uita înapoi la proiectele tale din trecut, aceasta va ajuta la identificarea stilurile pe care le au tendinţa de a folosi de multe ori peste porjects. Rezumat ea.
• Îndepărtaţi orice stiluri neutilizate. Această practică va păstra cadrul CSS la un simptom comun numit "balonare" -
• Eliminaţi stilurile repetitive.
• A construi un set de stiluri care sunt suficient de flexibile pentru a se porta pe proiecte.

O privire la cadre CSS

În cele din urmă. Dacă sunteţi inspirat şi intenţionează să utilizeze una sau mai multe dintre cadre CSS, Heres este lista rapidă de câteva cele mai populare ....

• 960 Sistem Grid : Sistemul de 960 Grid este un efort de a eficientiza fluxul de lucru de dezvoltare web prin furnizarea de dimensiuni, utilizate în mod obişnuit bazate pe o lăţime de 960 pixeli. Există trei variante: 12, 16 şi 24 de coloane, care pot fi utilizate separat sau în tandem. Nimic nu gând că nu se poate crea una pentru propria ta destul de uşor, cadru prevede şabloane de reţea pentru imprimare în format PDF, pe care o poate folosi pentru a schiţa designs.Bet pagina dvs., ar face o impresie profesional, dacă purtaţi câteva coli atunci când te duci la un client pentru colectarea cerinţelor UI. Acesta prevede, de asemenea, şabloane de bază de reţea pentru software de proiectare populare cum ar fi focuri de artificii, Flash, InDesign, Illustrator, Photoshop, Visio, etc oferind o "Starter pentru zece" pentru a începe munca de proiectare.
• Plan : Planul prevede distinct clasificate în fişiere CSS pentru Resetează, Grile, Formulare, Print, tipografie, plugin-uri pentru butoane, filele si sprites etc oferă de asemenea suport pentru IE ca o separat includ.
• SenCSs : Spre deosebire de mai sus două, SenCSs (Sense pronunţat), nu are definiţii CSS pentru layout. Aceasta nu include fonturi, Garniture, marje, tabele, liste, anteturi, blockquotes, forme şi multe altele.
• BlueTrip : cererea iniţială a fost că faima, a fost o combinaţie de cele mai bune caracteristici oferite de alte cadre de alţii, cum ar fi albastru de imprimare, de călătorii Oli ... de unde se trage si numele acestuia. Set caracteristică include 24-coloană reţea, stiluri de tipografie, stiluri de ORM, de imprimare, butoanele, etc
• YUI Fileu : adus la tine de Developer Network Yahooo, susţine lichid-lăţime (100%), precum şi aspecte presetate cu lăţime fixă machete la 750px, 950px, si 974px, şi capacitatea de a personaliza cu uşurinţă la orice număr. După cum puteţi vedea, sa tehnic doar dispunerea componentelor. YUI oferit, de asemenea, HTML / CSS seturi pentru alte elemente de pagină
• YAML (Totuşi, un alt aspect multicolumn)
• Emastic

Amintiţi-vă, folosind cadre de CSS nu implică faptul că sunt leneşi pentru a crea unul propriu ... Aceasta înseamnă că eşti inteligent să înveţe din experienţa celorlalţi şi greşeli, a economisi timp şi creşterea productivităţii!!

CSS completat de 10 ani de existenţă în acest an! Cei care au fost în jurul pentru un timp, castigand pâinea lor (sau nu) cu ajutorul CSS, atunci s-ar putea cunoştinţă modul în care am fost de foame pentru o bună selecţie de fonturi. Chiar şi cu lipsa de fonturi designeri, cum ar fi cele de la CSS Zen Garden s-au făcut uz de imagini de fundal CSS pentru a înlocui fonturi în căutarea de a face ceva dreptate la desenele lor. Am încercat, de asemenea, Flash / JavaScript ® hacks pentru a atinge obiectivele noastre de design. Prin nici un caz aceasta este o cale greşită de a obţine fonturi noi dorim în design web noastre, dar cu siguranta, aceasta nu este calea cea mai de dorit. şi peste web designer de ani, ca mine, s-au bazat în totalitate pe zece sau pentru fonturi pentru desenele lor.

Evoluţiile recente ale standardelor web şi formate de fonturi face posibilă pentru a face textul HTML în alte fonturi decât aceleaşi fonturi implicite vechi. Vine în "@ fontface" decleration CSS.

@ Fontface provids o soluţie pentru a face legătura la fişierul de font reală şi de a prelua de pe internet. Folosind @ fontface, proiectanţii pot folosi fonturi, fără a fi nevoie să îngheţe text ca imagini de fundal. Punere în aplicare este foarte drept înainte, aşa cum se arată mai jos, dar cum toate lucrurile bune au un rol CON pentru el, nu toate browserele suporta un singur "tip de font". Dacă intenţionaţi să utilizaţi @ fontface pe site-ul cu care necesită sprijin browser-ul cruce, atunci va trebui să furnizeze surse de la diferite tipuri de fonturi de aceeaşi.

1. TrueType - un format conceput pentru a arata bine pe ecran. Recomandat în special pentru browsere pentru Windows (Chrome).
2. OpenType (CFF) - Acest format este mai bine pentru munca de imprimare şi nu arată întotdeauna bine pe Windows.
3. EOT - Aveţi nevoie de acest format, dacă doriţi să vizaţi Internet Explorer. IE nu va folosi orice alt format. EOT nostru ar fi considerat "Lite", deoarece acestea nu sunt nici comprimate sau de domeniu limitat.
4. SVG - Acesta este un format XML, acceptat de unele browsere, inclusiv iPhone.
5. WOFF - Acest cross-browser, web-doar format font este usor (date de fonturi este zip comprimat) şi poate fi compilat fie cu fonturi TrueType sau PostScript (CFF) conturează. Ea este susţinută în prezent de Firefox 3.6 +.

Utilizarea @ fontface

  @ Font-face {
 font-family: "CalligraphyFLFRegular";
 src: url ("CalligraphyFLF.eot ');
 src: local ("CalligraphyFLF"), locală ("CalligraphyFLF"), format url ("CalligraphyFLF.woff") ("woff"), url ("CalligraphyFLF.ttf") format ("TrueType"), url ("CalligraphyFLF . svg # CalligraphyFLF ") format (" SVG ");
 }
 @ Font-face {
   font-family: "font ta";
   src: url ("fonturi / font_filename.eot");
   src: local ("nume alternativ"), locală ("Alternatename"),
     url ("fonturi / font_filename.woff") format ("woff"),
     url ("fonturi / font_filename.otf") format ("OpenType"),
     url ("fonturi / font_filename.svg # font_filename") format ("SVG");
   }
 h2 {font-family: "Your caractere", Georgia, serif;} 

După cum se poate vedea din exemplul de mai sus, pentru a include caractere fontul ales, o are de a lega la un set de caractere fonttypes pentru acelaşi. Prin urmare, oamenii se refera la ea ca "Kit Font".
Există seturi de caractere disponibile, care permite în mod explicit legătura cu CSS @ font-face de proprietate în temeiul End User License Agreement (EULA).

Resurse utile WebFont:

• Fonturi disponibile pentru @ font-face încorporarea pagina wiki la http://webfonts.info/wiki/index.php?title=Main_Page
  
• Ray Larabie . El este un designer de fonturi de renume, care a făcut sute de fonturi TrueType interesante primare disponibile pentru utilizare pe web. Fonturile sale sunt elegante, decorative, şi jucăuş.
• Dieter Steffmann este un alt designer de font mare. El, de asemenea, a făcut mai multe fonturi frumoase disponibile pentru oricine de a utiliza.
• Magazin Font : oferă fonturi proiectate special pentru utilizarea de web. Mai mult de 30 de familii FontFont mai de succes sunt acum disponibile ca FontFonts Web. FontShop are, de asemenea, o analiză detaliată a WebFont ghidul de folosire http://www.fontshop.com/blog/newsletters/pdf/webfontfontuserguide.pdf
  
• Squirrel Font : Vitrine toate fonturile pe care rotorul font oferă pentru utilizarea cu @ font-face încorporarea CSS. Squirrel font oferă o cantitate impresionantă de tip, face mort simplu pentru a alege unul afară, şi oferă autostrada "kituri" - caractere de alegerea dumneavoastră, în mai multe formate, ambalate cu demo-ul HTML si CSS care utilizeaza foarte actual @ font-face sintaxa . Acestea oferă, de asemenea, o modalitate de a face propriile @ font-face kituri . Dacă setul de caractere pe care doriţi să utilizaţi a fost autorizat în mod corespunzător (cei care vin cu computerul nu sunt neapărat bine), generatorul produce EOT, SVG, şi hei! Fişiere WOFF.

Cu meu limitat de aptitudini set cu instrumente, cum ar fi Photoshop şi Illustrator, pot să mărturisesc sincer că sunt un dezvoltator de mai bine decât am un designer. Dar trecutul meu, cu miez (partea de server), de dezvoltare cu Java / PHP / COBOL, a fost o influenţă extrem de pozitivă cu privire la competenţele mele de dezvoltare UI. Ce vreau să spun este, în timp ce crearea de modele mele, adică ori de câte ori am face design, cred despre modul în care designul poate fi cel mai bine convertit în HTML, CSS şi în timp ce face HTML-CSS, dau o idee despre tehnologia de backend şi asiguraţi-vă că în mod rezonabil HTML care pot fi uşor puse în aplicare în XSL bucle sau fragmente de PHP, etc

Peste ani, am fost aruncat pe cap de modele de designeri UI, care, probabil, donot au o idee despre ceea ce este HTML sau CSS. În toţi aceşti ani am gândit că mi-ar cere prea mult, dacă am aştepta de designer, care încearcă să shov lui "imposibil de cod" de design pe gât mea, pentru a înţelege doar un pic de design care sa va fi convertită în. Care ar ajuta la dreapta?

Apoi, am dat peste acest post de azi ... designeri de web, care nu pot cod ... Multumesc Doamne! Eu sunt doar unul dintre cei care simt la fel ... artitle de mai sus este un pic cam o tărăgănat timp .. dar merita citit, fiecare cuvânt din ea.

Mulţumeşte Elliot Stocuri Jay ... Mă simt uşurat!

Iată câteva fragmente din articol Elliots .

Wow, ce zi! A început cu un tweet mic şi sa încheiat cu o discuţie care părea să măture în întreaga comunitate de web design. Se pare ca exista unele opinii foarte puternice deţinute la obiectul de designeri web, dacă ar trebui să poată cod.
...
Deci, înainte de a intra în acest, permiteţi-mi să recapituleze rapid ceea ce am spus în această dimineaţă pe Twitter:

Sincer, sunt şocaţi de faptul că în 2010, eu încă mai vin de pe web designeri "care nu pot cod modele proprii. Nici o scuză.

Eu ar trebui să ... am fost un pic mai specific în tweet mea. Vorbeam despre designeri care nu au nici cea mai de bază HTML şi CSS abilităţile de a transforma un design plat într-o site-ul real. Nu oamenii care în mod intenţionat nu aleg să cod, iar cei care nu pot. Şi eu, de asemenea, referindu-se doar la front-end, codul aici, desigur, este ridicol să cred că ar trebui să fie, de asemenea, designeri uimitoare back-end programatori ...

Ne 'web' desene trimise în Illustrator, 300dpi, imposibil de cod, nr coerenţa / utilizare.
~ Amy Mahon

Se face târziu, şi am ajuns să-şi încheie asta cumva. Ştiu că vor fi mulţi care nu sunt de acord cu mine, şi intenţia mea nu este de a jigni sau supara pe cineva care nu poate cod, dar sper că o parte din ceea ce am spus reflectă unele dintre punctele care vin întotdeauna atunci când cercetând această dezbatere.

La sfârşitul zilei, nu pierd nici un somn de peste care poate codeaza si care nu pot. Sunt cu adevărat surprins doar pentru a găsi designeri atât de multe că nu dispun de front-end competenţe, aşa cum am crezut acest lucru a fost un lucru de domeniul trecutului.

Asemenea să citiţi comentariile, erau în jur de 320 comentarii, după cum am scrie ... ei sunt în valoare de o citesc.
Vă rugăm să citiţi Elliots full post aici .. designerii Web care nu se poate de cod

Din butonul radio şi text sunt în linie, astfel încât textul se va alinia la partea de jos a butonului radio, textul va apărea pentru a fi uşor de sub butonul de radio.
Dacă doriţi ca acestea să se alinieze la partea de sus, veţi avea de a plasa radio şi textul în containere separate, cum ar fi divs sau trece peste (după caz) şi vor avea grijă de aliniere. Ar fi mai uşor de utilizat celule de tabel de asemenea, de scurtă de design-l permite.

Acest lucru nu va arata la fel in fiecare browser, ca de fiecare browser-ul afişează radio uşor diferit, deci nu e întotdeauna o să fie probleme de dimensiuni, indiferent de ceea ce faci.

HTML5 este încă un proiect. Aşa cum am scrie, lucru pe HTML 5, care a început în 2004, este încă în curs de dat formă printr-un efort comun între W3C HTML WG şi WHATWG . Cuvântul este faptul că Next Gen HTML va avea îmbunătăţiri şi caracteristici, care ar fi noua structură şi semantică, controalele de formular, API-uri, tag-uri multimedia, etc.

În limba engleză simplu ... ceea ce ar însemna pentru dezvoltatori UI noi ...

• Nu va fi adăugarea unor anume structurale etichetele. <article>, <section>, <header>, <aside>, şi <nav>, care ar putea înlocui majoritatea <div> e folosit pe o pagina web, făcând paginile un pic mai mult semantic, dar mai important, mai uşor de pentru a citi.
  Hei! Imaginaţi-vă efort salvat în găsirea de faptul că lipseşte o etichetă DIV aproape.
  de exemplu,

  <body>
   <header> ... </ header>
   <nav> ... </ NAV>
   <article>
     <section>
       ...
     </ Secţiune>
   </ Articol>
   <aside> ... </ deoparte>
   <footer> ... </ subsol>
 </ Corp> 

În loc 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>
 </ Corp> 

• Odată cu apariţia de conţinut audio şi video precum YouTube, utilizarea multimedia integrate de pe pagina web a increaded de ori. Luând în considerare acest lucru, Acum, planul este de a adăuga suport nativ pentru integrarea video şi audio în browser-ul în sine, prin urmare, permite utilizatorilor să joace, pauză, stop, căuta, şi ajustaţi volumul folosind interna DOM API-uri pentru script-uri pentru a controla redarea.

de exemplu,

  <video poster="poster.jpg">
     <Sursa src = "video.3gp" type = "video/3gpp"
     mass-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> 

• Mai bine-definite roluri semantice pentru elementele existente, de exemplu. <strong> şi <em> acum s-ar putea de fapt, au semnificaţii diferite, adică, ele se vor comporta diferit.

Există mult mai multe schimbari / upgrade la versiunea mai nouă ... va păstra actualizarea acest post ca am venit din toata nici pe cele interesante, utile .... Uita-te la acest spaţiu

Acest document nu poate oferi informaţii exacte ca HTML 5 caietul de sarcini este încă activ în dezvoltare. Atunci când în dubiu, verificaţi întotdeauna HTML 5 caietul de sarcini aici .

Timpul şi din nou, atunci când toate celelalte browsere văzute să se comporte aşa cum a spus de normele W3C, spirale RO-ai iesit din dezvoltarea spiritului de aruncat o criza de isterie, care nu par a avea o rezolvare. Doar un astfel de om este această problemă în IE7.

Problemă Declaratie:
Am şi astfel s-ar putea de multe dintre altor dezvoltatori web grave s-au observat mai mult de multe ori că, atunci când există imbricate pluteste in structura, pe hover peste unele link-uri (etichete de ancorare), containerul care conţine pare să transfere câţiva pixeli la dreapta . Am încercat să google soluţii pentru această problemă, dar s-au găsit aproape nici un răspuns rezonabil la ce şi când apare (care ar putea ajuta la prevenirea acestei probleme să se întâmple), prin urmare, nu am găsit o soluţie clară a problemei, fie ...

Soluţie posibilă:
Din experienţă, am preaviz de 90% la sută din adică ori, că această problemă este rezolvată prin adăugarea unui zoom de proprietate în definirea CSS a containerului MIS-se comportă ...

 # Somediv {
       Zoom: 1;
 }

din nou, motivele sunt ambigue ... încercaţi asta ...
Unele elemente din IE au o "hasLayout" de proprietate, care este "adevărat", în mod implicit. Multe comportamente vizuale CSS, de exemplu, un filtru de alfa funcţionează doar pe un element care hasLayout. şi {Zoom: 1} pare să dea elementele vizate de proprietate hasLayout .... Utile? Nu cred ca asa ...

Proprietatea de zoom este, de asemenea, pare a susţinut de Chrome, dar utilizarea sa pe baza caracterului par să facă efect mult mai negativ asupra aspectului meu ... încercaţi să-l, dacă acesta lucreaza pentru tine ... daca nu, marca această pagină în "Zaruri CSS"

• Declaraţia Tip de document trebuie să fie prezent la începutul unui document care utilizează sintaxa HTML. Acesta poate fi, opţional, utilizate în cadrul sintaxa XHTML, dar nu este necesar. Document XHTML nu trebuie să includă DOCTYPE, deoarece documentele XHTML, care sunt livrate cu ajutorul corect XML tip MIME şi sunt prelucrate în XML de browsere, sunt întotdeauna redate în nici un modul quirks.

• În XHTML, denumirile tag-urilor sunt cazuri sensibile şi sunt de obicei definite să fie scrise cu litere mici. In HTML, cu toate acestea, denumirile tag-urilor sunt insensibil caz şi pot fi scrise în toate cazurile, majuscule sau mixte, deşi Convenţia de la cel mai comun este să rămânem cu litere mici. Cazul etichetele de început şi sfârşit, nu trebuie să fie aceeaşi, dar fiind în concordanţă nu face curat aspectul codul.

Beneficiile utilizarii HTML

• Compatibil cu browserele existente
• Autorii sunt deja familiarizaţi cu sintaxa
• Sintaxa îngăduitor şi iertător înseamnă că nu va fi nici un utilizator nu-ostile " Screen galben de moarte ", în cazul în care o greşeală accidental alunecă prin
• Sintaxa stenografie convenabil, de exemplu, autorii pot omite unele etichete şi valorile atributelor

Beneficiile utilizarii XHTML

• Strict sintaxa XML încurajează autorii să scrie marcare bine-formate, pe care unii autori ar putea găsi mai uşor de a menţine
• Integrează direct cu alte vocabulare XML, cum ar fi SVG şi MathML
• Permite utilizarea de XML de prelucrare, care unii autori folosesc, ca parte a lor de editare şi / sau procese de publicare