HTML

Soti nan Wikipedia, ansiklopedi gratis.
Ale nan navigasyon Ale nan rechèch
HTML
HTML5 logo ak wordmark.svg
Ekstansyon .html, .htm, .shtml, .shtm
Kalite MIME text/html
Devlope pa W3C
1ye piblikasyon Jen 1993 [1]
Dènye vèsyon 5.2 (Desanm 14, 2017 [2] )
Nèg Lang markup
Ekstansyon nan SGML
Pwolonje nan XHTML
Creole ISO / IEC 15445
Louvri fòma ? Wi
Sit wèb html.spec.whatwg.org/

Nan syans òdinatè ipèrtèkst markeup lang la (literal tradiksyon: lang makè pou ipèrtèks ), souvan li te ye nan HTML a akwonim, se yon lang markeup . Li te fèt pou fòma a ak Layout nan ipèrtèks dokiman ki disponib sou entènèt la 1.0 , jodi a li se sitou itilize pou decoupling la nan estrikti a ki lojik nan yon paj entènèt (sa defini jisteman pa markeup a) ak reprezantasyon li yo, jere nan CSS Styles pou adapte yo ak nan bezwen nouvo nan kominikasyon ak piblikasyon sou entènèt la [3] .

HTML se yon domèn piblik lang, sentaks la nan ki se yo ki etabli pa World Wide Web Consortium a (W3C). Li se sòti nan sgml , se yon metalangaj ki vize a defini lang ki kapab itilize pou Desen an nan dokiman gen entansyon pou transmisyon nan fòma elektwonik. Vèsyon an kounye a, senkyèm lan, yo te pibliye pa W3C a nan mwa Oktòb 2014 .

Rezon prensipal ki fè ki te rapidman ankouraje W3C ak manm li yo yo devlope HTML5 te bezwen an dirèkteman bay fonctionnalités ki te deja ka itilize nan ekstansyon propriétaires deyò nan navigatè, tankou Adobe Flash ak renmen an. Yon objektif dezyèm ke devlopè yo te mete tèt yo te asire pi gwo konpatibl ant navigatè diferan, kèlkeswa lojisyèl platfòm la itilize, ak sitou ki vize a ekspansyon an nan aparèy mobil . [3]

Istwa

HTML te devlope nan kòmansman nineties yo nan ventyèm syèk la pa Tim Berners-Lee a nonmen nan Jenèv ( Swis ), ansanm ak HTTP pwotokòl la dedye a transfè a nan dokiman nan fòma sa a. An 1989 Berners-Lee te pwopoze yon pwojè ki enplike piblikasyon ipèrtèkst , ke yo rekonèt kòm "entènèt atravè lemond ". Nan pwojè sa a, tou de sèvè entènèt " httpd " (HyperText Transfer Protocol Daemon) ak kliyan WorldWideWeb la (premye navigatè nan listwa) te fèt, ki gen devlopman te kòmanse nan mwa Oktòb 1990, epi ki gen itilizasyon te sèlman entèn nan CERN jouk piblikasyon li sou entènèt la an 1991. Ede pa kòlèg li yo nan enstiti a Swis, Berners-Lee kontribye nan definisyon an nan vèsyon an premye nan HTML, ki te ofisyèlman te fè piblik nan mwa jen 1993 , ko-siyen ak Daniel Connolly ak sipòte pa entènèt Jeni Objektif Travay la. Gwoup k ap travay Fòs (IETF) ki rele Entegrasyon Resous Enfòmasyon sou Entènèt , pou pwopoze li kòm yon estanda IETF. [1]

Egzanp paj HTML
Egzanp paj HTML

An 1994 lang lan te gen yon difizyon fò apre premye itilizasyon komèsyal entènèt la , kidonk nan menm ane a World Wide Web Consortium te fèt , e apati moman sa a, devlopman HTML ap vin apartyinasyon W3C la.

An 1995 W3C defini vèsyon 3.0 HTML, ki te swiv pa vèsyon 3.2 an 1997 , e finalman te vin premye espesifikasyon HTML4 an 1998 .

Version 4.01, pibliye sou 24 desanm 1999 ak penultyèm vèsyon ofisyèl la, se rezilta a nan gran yo ak divès kalite amelyorasyon nan deseni kap vini an anvan, an patikilye nan separasyon an nan nivo a prezantasyon nan fòma a, se sa ki, yon sèl la ki dekri grafik la aspè nan dokiman an, nan yon antite separe de HTML, kaskad dra style ( CSS ), defini nan menm ane an nan premye vèsyon yo, nivo 1 [4] . Distenksyon sa a, ant kontni an ak aspè final la nan dokiman an, pèmèt navigatè diferan ak aparèy yo reprezante sa ki menm nan yon fason ki adapte ak kapasite yo diferan grafik ak gwosè ki disponib. Si sou men nan yon sèl sa a egzije pou devlopè entènèt yo kreye personnalisation nan fèy papye style, sou lòt men an li te garanti difizyon pou maksimòm kantite entènèt la ak anpeche li soti nan vin yon elit mwayen .

Nan mwa janvye 2000, XHTML 1.0 [5] te pibliye kòm yon estanda, yon Variant nan HTML4 ki sèvi XML 2.0 olye pou yo sgml kòm yon metalangaj markeup, amelyore enteroperabilite li yo ak lòt lang nan fanmi an tankou SVG ak matml [6 ] W3C a deside rformule HTML4 yo e yo kontinye devlopman sou XHTML sèlman [7] ak nan mwa me 2011 XHTML 1.1 vin tounen yon estanda ofisyèl [8] .

Plis pase kou a nan nouvo milenè a, W3C te kòmanse travay sou de nouvo pwojè, yon sèl ki vize a pwolonje XHTML , ak lòt la gen entansyon defini yon nouvo lang ki pa ta dwe konpatib ak vèsyon ki pi ansyen nan HTML ak XHTML, yo konnen kòm non an nan XHTML 2 (te pwojè a lèt ofisyèlman deklare depourvu nan fen 2010, an favè yon apwòch mwens rijid).

Nan 2004 , apre yon jou nan etid, yo te yon altènatif gwoup k ap travay yo consortium la fèt: Apple , Mozilla Fondasyon , Opera Software , epi, apre sa, tou Google , te vin ansanm nan Web ipèrtèks Aplikasyon Teknoloji Gwoup la ap travay ( WHATWG ) ak yo kòmanse nan devlopman nan yon nouvo vèsyon an HTML, enkyete pa mank de enterè nan HTML yo montre nan consortium a [9] . Nan 2006 W3C a deside yo pran pati nan devlopman nan HTML5 ak nan 2007 ansanm WHATWG nan , de gwoup yo kolabore jouk 2011, yo lè yo reyalize yo gen objektif inplakabl: consortium a te vle trase yon liy epi pibliye ak yon nouvo vèsyon an espesifikasyon yo estanda, pandan y ap WHATWG a te yon estanda en [7] . W3C a pibliye dat revizyon an senkyèm nan spesifikasyon la sou Oktòb 28, 2014 [2] .

Kounye a dokiman HTML yo kapab enkòpore teknoloji anpil, ki ofri posibilite pou ajoute kontwòl pi plis sofistike sou rann an grafik, dinamik entèraksyon ak itilizatè a, Animations entèaktif ak miltimedya sa dokiman an ipèrtèks . Sa yo se lang tankou CSS , JavaScript , XML , JSON , oswa lòt vektè animasyon miltimedya aplikasyon oswa odyo oswa videyo difizyon .

Sèjousi anpil Designers entènèt delege sa ki ekri a nan kòd la HTML nan espesifik aplikasyon , tankou sa yo rele wiziwig editè yo ki pèmèt designer nan pran swen nan aspè nan final grafik nan paj la pandan ke se kòd la aktyèl pwodwi otomatikman. Devlopè pi, nan lòt men an, pito sèvi ak kòd HTML dirèkteman, yo nan lòd yo gen pi gwo kontwòl sou rezilta final la ak pwòpte nan kòd la ekri, yon bagay ki editè WYSIWYG jodi a, malgre yo te pi plis ak plis avanse, pa ka toujou garanti , tou pou rann diferan.nan navigatè sou pati nan kòd HTML la.

Deskripsyon

HTML se yon lang fòma ki dekri metòd yo nan pajinasyon oswa grafik ekspozisyon ( Layout ) nan kontni an, textuelle oswa otreman, nan yon paj entènèt nan fòma Tags. Malgre ke HTML sipòte ensèsyon an nan Scripts ak objè ekstèn tankou imaj oswa sinema , li se pa yon langaj pwogramasyon : depi li pa bay okenn definisyon nan varyab , estrikti done , fonksyon oswa estrikti kontwòl ki ka aplike pwogram , kòd li yo se nan kapab sèlman nan estrikti ak dekore done tèks. [10] [11]

Lang nan HTML, oswa li XHTML Variant, gen bi pou yo jere sa ki pa asosye oswa ki espesifye nan menm tan an estrikti nan grafik ( Layout ) nan paj wèb la yo dwe kreye gras a itilize nan diferan Tags . Chak tag (tankou <h1> oswa <p> ) presize yon wòl kontni diferan ke li mak (se konsa <h1> tag nan pral defini pi gwo enpòtans pase <p> tag nan ). Formataj gen ladann nan mete makè oswa etikèt nan tèks la, ki rele Tags , ki dekri karakteristik tankou fonksyon, koulè, gwosè, pozisyon relatif nan paj la. Navigateur ki li kòd la montre itilizatè a predefini fòma pou chak tag yo rankontre (se konsa pou egzanp sa ki te make ak <h1> tag nan ap gen pèsonaj 18pt ak sa ki te make ak <p> ap gen 12pt pèsonaj). Sepandan, fòma sa a se konplètman anba kontwòl la nan itilizatè a, ki moun ki ka chanje li nan anviwònman yo nan navigatè l 'yo.

Lè yon dokiman ipèrtèks ki ekri nan HTML ki estoke nan yon dosye li yo ekstansyon se tipikman .html oswa .htm .

Achiv ak manipilasyon

HTML dokiman yo estoke sou disk yo difisil nan pwosesis machin ( òdinatè - sèvè ) toujou ap konekte ak konekte entènèt la . Yon lojisyèl espesifik ( sèvè sit entènèt se) enstale sou sa yo machin ki se responsab pou pwodwi ak voye dokiman yo navigatè yo nan itilizatè ki mande yo lè l sèvi avèk HTTP pwotokòl la pou done transfè .

Anpil fwa se dokiman an HTML pwodwi konplètman oswa pasyèlman nan yon Kòd ègzèkutabl ki abite sou sèvè a entènèt ( sèvè-bò pwosesis) kapab kominike avèk aplikasyon pou lòt sou sèvè a tèt li, tankou yon baz done , ak Lè sa a voye rezilta a nan navigatè a. Final , kreye sa yo rele paj sa yo sou sit wèb dinamik ak ki yon itilizatè ka fè avanse entèaktif operasyon (egzanp atik filtre nan yon sou entènèt catalogue, voye ak done dosye, ouvri sesyon an, elatriye). Sa a se ka a ak dokiman ekri nan lang tankou ASP , PHP , pèrl oswa Java . Nan kèk lòt ka, gen kèk kalite nan pwosesis yo ki fèt sou bò kliyan ak lang tankou JavaScript .

Sentaks

Eleman prensipal la nan sentaks la nan lang sa a se eleman nan , gen entansyon kòm yon estrikti debaz yo ki fonksyon an nan fòma done oswa ki endike enfòmasyon yo navigatè a se delege.

Chak eleman fèmen nan mak yo rele Tags , ki fòme ak yon sekans nan karaktè ki fèmen ant de parantèz ang oswa kwòk (<>), sa vle di siy minè ak pi gwo (Eg: <br /> ; tag egzanp sa a sèvi pou endike yon retou cha).

Lè tag a se yo dwe aplike nan yon seksyon nan tèks oswa kòd, dwe sijè ki abòde lan dwe séparer ant yon ouvèti ak yon tag fèmen (eksplisit fèmen), ki konyenside avèk tag nan ouvèti anvan pa yon koupe (/) apre bracket a ang louvri (Eg.: <b>testo testo testo</b> , nan ka sa a, yo pral tèks la ant de Tags sa yo ap parèt nan fonse pa navigatè a).

Gen kèk Tags gen yon aplikasyon espesifik, tankou <img> tag nan ki te itilize insert yon imaj nan yon pwen sèten nan paj la, ak jan sa yo yo pa mande pou tag nan fèmen; nan ka sa a nou pale de Tags fèmen enplisit. Nan XHTML , nan lòt men an, se enplisit fèmen entèdi ak tout Tags dwe toujou ap fèmen klèman pa vle di nan yon tag fèmen oswa, nan ka a nan Tags ponktualite, lè l sèvi avèk '/' pèsonaj la nan fen tag a tèt li ( pou egzanp <br /> ). Pou sa yo Tags, navigatè yo kapab aksepte tou de mòd, pou rezon konpatibilite.

Estrikti yon dokiman HTML

Icône loup mgx2.svg Menm sijè an detay: HTML eleman .
Estrikti yon dokiman HTML jeneral.

Yon dokiman HTML kòmanse ak yon deklarasyon kalite dokiman, yon ti fil ki endike ki sentaks ak vèsyon li ekri, tankou HTML 4.0 strik. Enfòmasyon sa a nesesè pou navigatè a idantifye entèpretasyon ak ekspozisyon règ ki apwopriye pou dokiman espesifik la, e se pou rezon sa a ke deklarasyon an dwe vin anvan dokiman aktyèl la.

Chak vèsyon nan lang HTML anvan senkyèm lan, sa vle di jiska HTML 4.01 oswa XHTML 1.1, gen yon sentaks fòmèlman defini nan yon definisyon kalite dokiman (DTD) ki, pibliye sou entènèt la pa W3C, endike, pou chak vèsyon, ki eleman, atribi ak antite kapab oswa yo ta dwe itilize, ak nan ki fason; Se poutèt sa nan ka sa yo kalite dokiman deklarasyon dwe a (li kapab, nan ka a nan XML varyant) gen ladan yo tou URL la nan resous sa a. Vèsyon an senkyèm nan HTML, nan lòt men an, pa gen okenn DTDs, se konsa nan ka sa yo deklarasyon inisyal la endike pawòl Bondye a sèlman "HTML".

Deklare yon dokiman ki pral sèvi ak estanda a HTML5, sèvi ak <!DOCTYPE html> tag nan .

Aprè deklarasyon kalite dokiman an, dokiman HTML prezante yon estrikti pyebwa enbrike, ki konpoze de seksyon ki delimite pa tag apwopriye ki andedan yo gen pi piti seksyon, ki toujou delimite pa tags.

Estrikti a eksteryè se youn nan ki delimit dokiman an tout antye, eksepte DTD a, ak se enkli ant <html> ak </html> Tags nan .

Nan <html> Tags, estanda a toujou bay pou definisyon an nan de seksyon distenk ranje nan yon sekans te bay lòd: nan

  • header oswa header seksyon, séparer ant <head> la </head> <head> ak </head> Tags, ki gen enfòmasyon kontwòl pa nòmalman parèt pa navigatè a, ak eksepsyon de kèk eleman
  • seksyon an nan kò a oswa kò, séparer ant <body> ak </body> etikèt yo , ki gen yon pati nan enfòmasyon aktyèl la, dir tèks, imaj yo ak lyen ki fè moute pati a parèt pa navigatè a.

Anba sibdivizyon jeneral sa a, estanda a pa bay obligasyon patikilye konsènan lòd ak pwezante nan lòt seksyon nan header la oswa kò a , apa de endikasyon de konfòmite avèk nidifikasyon ki kòrèk la (seksyon yo pa dwe sipèpoze, sa vle di chak seksyon dwe fèmen anvan ou kòmanse pwochen seksyon an), konsa kite libète konplè pwomotè a oswa designer konsènan structuration ki vin apre ak òganizasyon.

Head tag

Tags yo itilize nan seksyon nan tèt yo, se tipikman nan yon kalite diferan de sa yo itilize nan seksyon nan kò, yo te gen entansyon pou rezon diferan. Tags yo itilize nan seksyon nan tèt yo pa nòmalman parèt pa navigatè a, men sèvi kòm kontwòl ak sèvis enfòmasyon tankou:

  • Metadata tansmèt enfòmasyon itil pou aplikasyon pou ekstèn (egzanp motè rechèch) oswa nan navigatè (egzanp kodaj la N., ki itil pou gade alfabè ki pa Latin)
  • http-ekwiv Metadata kontwole plis enfòmasyon an HTTP pwotokòl la
  • lyen ki mennen nan dosye sèvis ekstèn ( CSS , Scripts, ikon parèt nan ba a adrès nan navigatè a)
  • mete Scripts (ègzèkutabl kòd) itilize pa dokiman an
  • enfòmasyon sou style (CSS lokal yo)
  • tit la ki asosye ak paj la ak parèt nan fenèt navigatè prensipal la

tag

Nan seksyon an nan kò a, ki antoure pati nan wè nan dokiman an, etikèt yo espesifik bay pou fòma a nan sa ki aksesib a itilizatè a fen yo te itilize, dir pou kontwòl la nan:

  • tit (tit chapit, tit paragraf, elatriye)
  • estrikti tèks (tèks ki make, paragraf, elatriye)
  • aparans tèks (fonse, italik, elatriye)
  • lis ak lis (resansman, jenerik, definisyon)
  • tab
  • fòm elektwonik (jaden yo ki ka plen nan pa itilizatè a, jaden être, gout-desann meni, bouton, elatriye)
  • Des ak lankr
  • jenerik layout nan dokiman an
  • mete imaj
  • ensèsyon nan miltimedya sa ( odyo , videyo , Animations, elatriye)
  • ensèsyon nan entèaktif sa ( Scripts , aplikasyon pou ekstèn)

Pami moun ki endike anwo a, tag <a> jwe yon wòl kle jan li dekri yon lyen (oswa lyen ) nan yon lòt dokiman ipèrtèks ki pèmèt, avèk yon klik sourit oswa avèk yon operasyon klavye , kite paj la sou sit ou ye a gade ak chaje yon sèl ki endike nan lyen an, konsa reyalize fonksyon an navigasyon tipik nan itilize nan entènèt la.

Haml

Haml (HTML Distraksyon markeup lang) se yon sistèm modèl ki fèt pou fè pou evite ekri kòd aliye nan yon sit entènèt dokiman ak fè cleaner HTML. Haml ofri fleksibilite ki genyen kèk kontni HTML dinamik. Menm jan ak lang sou sit wèb lòt tankou PHP, ASP, jsp ak sistèm modèl tankou eRuby, Haml tou entègr kèk kòd ki kouri nan ègzekutabl ak jenere HTML kòd bay kèk kontni dinamik. Kouri Haml kòd, dosye yo dwe gen yon .haml ekstansyon. Dosye sa yo sanble ak .erb oswa dosye eRuby; yo menm tou yo ede Afiche Ruby Kòd lè devlope yon aplikasyon web [12] .

Egzanp

Haml sèvi ak espas dekoupaj (de espas) pou nidifikasyon ak tag sijè ki abòde ki aji kòm yon ranplasan pou pè tag louvri-fen, fè li sèk ak pwòp. Egzanp sa a konpare sentaks Haml ak eRuby (Embedded Ruby), ansanm ak pwodiksyon HTML la.

Haml ERB HTML
 % div .kategori 
   % div .recipes 
       % h1 = resèt. premye non 
       % h3 = resèt. kategori 
   % div 
       % h4 = resèt. Deskripsyon
<div class = "kategori"> 
    <div class = "resèt"> 
        <h1> <% = resèt. non%> </ h1> 
        <h3> <% = resèt. kategori%> </ h3> 
    </ div> 
    <div> 
        <h4> <% = resèt. deskripsyon%> </ h4> 
    <
</ div>
<div class = "kategori"> 
    <div class = "resèt"> 
        <h1> Bonbon </ h1> 
        <h3> Desè </ h3> 
    </ div> 
    <div> 
        <h4> Baze sou pasta ak sik. Anjeneral sikilè nan fòm e li gen anviwon 400 kalori. </ h4> 
    </ div> 
</ div>

CodePen

Logo CodePen
Logo CodePen

CodePen se yon kominote sou entènèt pou fè tès epi montre user-kreye HTML, CSS, ak JavaScript koupe kòd. Li fonksyon kòm yon editè sou entènèt Kòd ak sous louvri anviwònman aprantisaj, kote devlopè ka kreye koupe kòd, rele "plim", ak tès yo. Li te fonde nan 2012 pa plen chemine devlopè Alex Vazquez ak Tim Sabat ak devan-fen designer Chris Coyier [13] . Anplwaye li yo travay adistans, raman yo tout rankontre an pèsòn. CodePen se youn nan kominote yo pi gwo nan konsèpteur entènèt ak devlopè yo montre konpetans pwogram yo [14] , ak yon estime 330,000 utilisateurs anrejistre nan 2015 [15] ak 14.16 milyon vizitè chak mwa nan 2019 [16] .

HTML pwòp

Icône loup mgx2.svg Menm sijè an detay: HTML Tidy .

HTML Tidy se yon zouti ki fèt nan Dave Raggett ede evite fè erè lè li ap ekri kòd HTML.

An reyalite, Tidy pran swen nan korije tout erè ki pi tipik rankontre pandan devlopman nan kòd entènèt. Li te tou pran swen nan fè kòd la ki te pwodwi pa editè a HTML lizib, ak nan ki endike itilizatè a ki kote yo peye plis atansyon. Li ka rekonèt nan yon pakèt domèn erè, pasaj yo kòm Avètisman yo, ki se antoure pa ranje ak kolòn chif yo.

Remak

  1. ^ Yon b (EN) Tim Berners-Lee ak Daniel Connolly, ipèrtèks markeup lang (HTML) - Yon Reprezantasyon nan Enfòmasyon tèkstuèl ak MetaInformation pou Rekipere ak Interchange (TXT), World Wide Web Consortium, 1993.
  2. ^ Yon b https://html.spec.whatwg.org/multipage/
  3. ^ Yon b Daniele Bochiccio ak Stefano Mostarda, HTML5 ak CSS ak JavaScript, Hoepli, 2015, p. 20.
  4. ^ (EN) Mélanger Style Dra, nivo 1 , sou mond lan Wide Web Consortium.
  5. ^ (EN) XHTML 1.0: nan èkstansibl ipèrtèkst markeup lang - Yon rformulasyon nan HTML 4 nan XML 1.0 - Rekòmandasyon W3C , sou mond lan Wide Web Consortium,, 26 janvye 2000.
  6. ^ (EN) §1.1 , nan Poukisa bezwen an pou XHTML? , XHTML 1.0 Specification, World Wide Web Consortium,, 26 janvye 2000.
  7. ^ Yon b (EN) §1.4 , nan Istwa, HTML5 - Yon vokabilè ak APIs ki asosye pou HTML ak XHTML - Rekòmandasyon W3C, World Wide Web Consortium, 28 Oktòb 2014.
  8. ^ (EN) XHTML 1.1 - Modil ki baze sou XHTML - W3C Rekòmandasyon , sou mond lan Wide Web Consortium,, 31 me 2001.
  9. ^ (EN) Ki sa ki se WHATWG a? , A wiki.whatwg.org. Rekipere 19 janvye 2017 .
  10. ^ (EN) Thomas Powell,HTML & XHTML: referans a nèt sou tout pwen , McGraw-Hill, 2003, p. 25 , ISBN 0-07-222942-X .
    "HTML se pa yon lang programmation".
  11. ^ (EN) Niederst Jennifer Robbins, Aprantisaj Web Design , O'Reilly, 2007, p. 4 , ISBN 978-0-596-52752-5 .
    «HTML se pa yon lang programmation; li se yon lang markeup ".
  12. ^ Haml , nan haml.info. Rekipere 4 fevriye 2021 .
  13. ^ CodePen "About paj" , Codepen.io, 17 mas 2016.
  14. ^ Thiago Pontes ak Maxwell Da Silva "Bati yon platfòm Lakwa 360-degre Videyo Eksperyans nan New York Times ki" , New York Times ki , 11 novanm 2016.
  15. ^ Kelly KEARSLEY, # 50startups Mizajou: Ki jan CodePen leve soti vivan $ 1 milyon dola (nan senk minit) Startupbend 14 septanm, 2015...
  16. ^ (EN) codepen.io Trafik Estatistik , sou SimilarWeb. Rekipere 16 novanm 2019 .

Bibliyografi

Atik ki gen rapò

Lòt pwojè

Lyen ekstèn

Controllo di autorità LCCN ( EN ) sh95002791 · GND ( DE ) 4373477-7 · BNF ( FR ) cb12493600c (data) · BNE ( ES ) XX539726 (data)