Eleman HTML

Soti nan Wikipedia, ansiklopedi gratis.
Ale nan navigasyon Ale nan rechèch

Yon eleman HTML , nan syans òdinatè , ki rele souvan yon tag HTML , endike yon estrikti nan yon dokiman HTML ak yon metòd pou yerarchize klasman sa ki ladan yo. Plis espesyalman, li se yon eleman SGML ki satisfè kondisyon ki nan youn oswa plis DTD HTML.

Deskripsyon

Eleman ka reprezante tit , paragraf , lyen , lis , fòm , objè medya entegre , ak divès lòt estrikti.

Eleman vid yo fèmen lè yo ajoute yon "/", tankou nan fèmen Tags. Pou bak konpatibilite li rekòmande yo mete yon espas anvan ba la. [1]

Gen kèk eleman, byenke pa genyen nan okenn DTD ofisyèl, yo sipòte pa kèk navigatè entènèt ak itilize pa paj wèb . Eleman sa yo ka inyore oswa parèt mal pa navigatè ki pa sipòte yo.

Kalite

Eleman HTML jeneralman konpoze de kat pati:

  • yon tag ouvèti ki defini kòmansman yon eleman;
  • youn oswa plis atribi nan eleman sa a ak valè respektif yo ;
  • kontni enfòmasyon yo dwe parèt;
  • yon tag fèmen : li se opsyonèl pou anpil eleman, nan kèk ka kèk yon "eleman vid" pa gen okenn kontni oswa tag fèmen. Eleman XHTML dwe toujou fèmen.

Nidifikasyon

Anpil eleman HTML ka " enbrike ". Nidifikasyon pi fasilman konprann nan egzanp:

<p>You<em>rock</em></p>

gen yon <em> eleman andedan yon eleman <p> . Sitiyasyon an ka vin konplike, pou egzanp

<h1>Children that <em>do <span style="color:red">not</span> clean up</em> their rooms</h1>

Ou ka nich eleman osi lontan ke ou vle, men Tags yo dwe fèmen nan lòd ranvèse nan kote yo te louvri.

Mal
<p>Lucy kissed <em>Jimmy</p></em>
Kòrèk
<p>Lucy kissed <em>Jimmy</em></p>

Kapasite pou nich gouvène pa kèk règ ki defini si yon eleman se blòk-nivo oswa aliye .

Eleman estrikti dokiman an

<html>...</html>
Delimite yon dokiman HTML (olye de yon dokiman XML oswa lòt). Tags sa yo si ou vle nan HTML, men kèk navigatè ak lòt sèvis piblik ka pa rekonèt dokiman an san yo pa yo.
<head>...</head>
Delimite seksyon header nan dokiman an ki gen enfòmasyon sou paj la. Tags sa yo si ou vle nan HTML; si omisyon egzistans lan nan header la ka dedwi nan lòt fason.
<body>...</body>
Delimite kò a nan dokiman an ki gen kontni an parèt sou paj la. Tankou <html> ak <head> tag yo pa nesesè si dokiman an nan HTML.

Eleman blòk-nivo ak eleman aliye

Boxmodel
Bwat-modèl la se yon bwat ki vlope chak eleman HTML [2] .

Yon eleman blòk-nivo anjeneral kòmanse sou yon nouvo liy pandan y ap yon eleman aliye anjeneral pa fè sa. Yon eleman blòk-nivo ka gen lòt eleman nan tou de blòk-nivo ak kalite aliye pandan yon eleman aliye ka gen sèlman lòt eleman nan kalite aliye . Egzanp eleman blòk-nivo yo se paragraf, lis, tab, tit, ak veso jeneral <div> . Eleman blòk yo se eleman ki gen yon veso rektangilè ki gen ladan kontni, padding, fwontyè ak eksteryè padding (Marge). Ou ka presize gwosè li ak CSS . Eleman aliye (pa egzanp fò, italik ak souliye ") pa kreye blòk yo, yo ap parèt sou liy lan menm ak sa ki nan etikèt adjasan. Lajè ak wotè eleman" aliye "a depann sèlman de kontni li, se pa ou ki ka presize li gwosè ak CSS.

Eleman header nan HTML 4.01

Icône loup mgx2.svg Menm sijè an detay: Meta Tags .
<title>...</title>
Endike tit paj la. Eleman sa a obligatwa nan chak dokiman HTML ak XHTML. Ajan itilizatè diferan ak sistèm opere montre tit la yon fason diferan. Navigatè entènèt anjeneral montre li nan ba tit la lè fenèt la louvri epi nan plato sistèm lan lè li minimize. Li kapab non an default lè ekonomize paj la oswa yon lòt bagay. Kontrèman ak lòt tag, eleman tit la pa pèmèt ou genyen lòt tags. Navigatè yo ap montre tags ki enkli yo jan yo ye a. Pa egzanp <title>My <b>first</b> Paj <title>My <b>first</b> paj entènèt mwen </title> ta parèt kòm "Paj <b> premye </b> paj entènèt mwen", e non pa tankou " Premye paj wèb mwen".
<meta>...</meta>
Li delimite metadata yo epi li ka itilize pou presize deskripsyon paj la, mo kle yo ak yon fòm patikilye <meta http-equiv="foo"> yo itilize pou presize kòmandman yo dwe voye kòm yon header HTTP.
<link>
<link /> (nan XTML)
Espesifye nenpòt kalite lyen pou yon dokiman tankou lyen anvan ak pwochen oswa vèsyon altène. Li pi komen pou konekte yon fèy style ekstèn nan paj la, jan sa a:
<link rel="stylesheet" type="text/css" href=" url ">
<base>
<base/> (nan XTML)
Espesifye valè baz pou lyen, tankou sib oswa sib.
<script>...</script>
Itilize pou mete JavaScript oswa lòt Scripts nan dokiman an.
<style>...</style>
Espesifye yon fèy style poudokiman an [1] , anjeneral:
<style type="text/css">...</style>
ak done style oswa referans tankou
/*<![CDATA[*/ @import " url "; @import " url "; /*]]>*/

Eleman kò defini nan HTML 4.01

Tout Tags kò yo pa eleman blòk-nivo epi yo pa ka genyen nan yo nan yon eleman aliye.

Tit

soti nan <h1></h1> rive <h6></h6>
Tit (oswa Tit) nan diferan nivo. Ou sèvi ak <h1> pou nivo maksimòm header (seksyon prensipal la), <h2> pou nivo siperyè ki anba a (sou-seksyon), <h3> pou yon nivo anba a anvan an, ak sou sa. Nivo ki pi ba nan header la se <h6> .
Pifò navigatè entènèt yo pral montre <h1> kòm gwo tèks ak yon font diferan ak <h6> kòm ti tèks fonse men konpòtman sa a ka chanje ak fèy style kaskad. Eleman Header yo pa sèlman ka itilize pou kreye tèks gwo oswa fonse - yo dekri tou estrikti dokiman an ak òganizasyon an. Gen kèk pwogram ki itilize yo pou jenere endis ak plan.

Tèks estriktire

Anpil eleman HTML fèt pou chanje estrikti oswa siyifikasyon tèks la. Gen kèk ki blòk-nivo men pifò yo se aliye epi yo ka enkli nan koule nan tèks nòmal.

Blòk-nivo

<p>...</p>
Kreye yon paragraf. Nan HTML, tag la fèmen se pa si ou vle.
<blockquote>...</blockquote>
Kreye yon quote, konvansyonèlman parèt indent, men li pa fèt yo indent tèks. Li ka otomatikman ajoute quotes. Atribi cite ka bay sous la epi li dwe yon URL konplè.
<pre>...</pre>
Kreye tèks pre-fòma. Tèks la parèt ak yon font ki pa pwopòsyonèl egzakteman jan li te ekri nan dosye a (gade ASCII atizay ). Avèk CSS: {white-space: pre}
<address>...</address>
Itilize pou delimite enfòmasyon sou adrès.

Nan liy

<em>...</em>
<strong>...</strong>
Anfaz (konvansyonèlman parèt nan italik) ak anfaz fò (konvansyonèl parèt nan fonse).
<q>...</q>
Yon ti kout quote. Li ka parèt ak mak sitasyon. Quotes ka enbrike. Atribi a cite ka bay sous la dwe yon URL konplè.
<code>...</code>
Yon moso kòd. Konvansyonèlman parèt nan yon font monospace Esempio di codice.
<del>...</del>
Tèks efase. Montre strikethrough: Tèks efase.
<ins>...</ins>
Tèks antre. Souvan yo itilize pou idantifye tèks ki ranplase tèks <del> la. Montre souliye: Tèks antre.
<cite>...</cite>
Sitasyon. Referans a yon sitasyon nan yon sous oswa eleman nan tèks la. ISCED te aksepte nan HTML 2.0 [3] .
<dfn>...</dfn>
<samp>...</samp>
<kbd>...</kbd>
<var>...</var>
Definisyon, echantiyon tèks, klavye opinyon, varyab. Yo sanble ak <code> , men yo ka gen yon siyifikasyon pi espesifik.
<sub>...</sub>
<sup>...</sup>
Kreye yon tèks endis oswa Apice. CSS ekivalan: {vertical-align: sub} or {vertical-align: super}

Lis

<dl>...</dl>
Kreye yon lis deskripsyon, ki fòme ak pè tèm (oswa non) ak deskripsyon yo (oswa valè).
<dt>...</dt>
Kreye yon tèm nan lis deskripsyon an.
<dd>...</dd>
Kreye yon deskripsyon lis deskripsyon an.
<ol>...</ol>
<ul>...</ul>
Kreye yon lis òdone (resansman) oswa non (bal), respektivman.

Pou ul , yo ka itilize type atribi a pou presize kalite nimerasyon an men CSS bay plis kontwòl: {list-style-type: foo} [ Kouman? ] , ki pa default se youn nan arab . Pou ul , CSS ka itilize pou defini makè lis la: {list-style-type: foo} . Makè a default se yon pwen nwasi

<li>...</li>
Kreye yon atik lis nan lis lòd oswa san lòd
<dir>...</dir> (obsolèt)
Delimite lis la pa yon katab. Abandone an favè <ul> .
<menu>...</menu> (obsolèt)
Kreye yon lis meni. Li ta dwe pi kout pase yon <ul> lis, men li pa byen sipòte. Abandone an favè <ul> .

Egzanp lis yo

Triye lis yo

Pou kreye yon lis lòd nan HTML, ou itilize yon eleman ol ki gen yon eleman li , pou chak nan atik ki nan lis la. Eg:

Kòd HTML
 <ol>
    <li> Jan </li>
    <li> Luca </li>
    <li> Marco </li>
    <li> Giacomo </li>
</ol>
  1. Jan.
  2. Luca
  3. Marco
  4. Giacomo

Nimero default la itilize sistèm arab la, men li posib tou pou chwazi lèt alfabè modèn Latin lan oswa nimerasyon Women an , tou de majiskil ak miniskil. Pou mete kalite nimero a, tou senpleman bay premye tèm nimero a atribi type ol . Eg:

Kòd ak type default (1) Lèt miniskil (a) Lèt majiskil (A) Chif Women miniskil (mwen) Chif kapital Women (I)
 <ol kalite = "1">
    <li> Luca </li>
    <li> Marco </li>
    <li> Carlo </li>
</ol>
  1. Luca
  2. Marco
  3. Carlo
  1. Luca
  2. Marco
  3. Carlo
  1. Luca
  2. Marco
  3. Carlo
  1. Luca
  2. Marco
  3. Carlo

Atribi a start , nan lòt men an, pèmèt ou presize pwen an kòmanse nan nimero a, itil, pou egzanp, lè ou vle tanporèman sispann lis la. Vreman vre:

Kòd HTML, ak default start (1) Kòmanse nan 8 Kòmanse nan 26
 <ol kalite = "a" kòmanse = "1">
    <li> Luca </li>
    <li> Marco </li>
    <li> Carlo </li>
</ol>
  1. Luca
  2. Marco
  3. Carlo
  1. Luca
  2. Marco
  3. Carlo
Lis san lòd

Lis san lòd (yo rele tou lis bal) dwe kreye ak yon eleman ul ki pral gen ladan, menm jan pou lis lòd, yon eleman li . Lis ordre défaut nan style la nan yon lis bal ak ti sèk plen. Eg:

Kòd HTML
 <ul>
    <li> Jan </li>
    <li> Luca </li>
    <li> Marco </li>
    <li> Giacomo </li>
</ul>
  • Jan.
  • Luca
  • Marco
  • Giacomo

type atribi nan ul ka fè endikasyon eleman endividyèl yo pran twa estil diferan: ak valè disc pral kreye yon lis bal ak ti sèk plen yo kòm yon sèl default, ak circle valè circle sèk yo pral nan menm gwosè a, men vid, epi finalman ak square yon lis bal ak ti kare plen yo pral kreye. Depi pa gen okenn kalite lòd entèpretasyon, yo pa bay atribi start .

Kòd ak type default (disk)
 <UL kalite = "disk">
    <li> Luca </li>
    <li> Marco </li>
    <li> Carlo </li>
</ul>
  • Luca
  • Marco
  • Carlo

Tablo

<table>...</table>
Kreye yon tab
<tr>...</tr>
Kreye yon ranje nan yon tab
<th>...</th>
Kreye yon selil header nan yon ranje; se kontni an anjeneral parèt nan fonse ak santre
<td>...</td>
Kreye yon selil done nan yon tab.
<colgroup>...</colgroup>
Espesifye yon gwoup kolòn nan yon tab.
<col> ( <col /> nan XHTML)
Espesifye atribi pou yon kolòn.
<caption>...</caption>
Espesifye yon tit pou tout tab la.
<thead>...</thead>
Espesifye header tab la. Seksyon sa a ka repete si tab la divize an plizyè paj (nan enprime oswa lòt kalite enprime posib).
<tbody>...</tbody>
Espesifye pati prensipal tab la.
<tfoot>...</tfoot>
Espesifye anba tab la. Tankou <thead> , Seksyon sa a ka repete si tab la divize an plizyè paj (nan enprime oswa lòt kalite enprime posib).

Fòm

HTML ka sèlman defini fòma fòm lan , opinyon itilizatè yo trete pa yon langaj kliyan oswa sèvè-bò scripting .

<form>...</form>
Kreye yon fòm.
<select name="foo">...</select>
Kreye yon lis meni kote itilizatè a ka chwazi yon sèl atik. Li ka parèt kòm yon gout desann meni.
<option>...</option>
Kreye yon atik meni.
<input type="checkbox">
Kreye yon kaz.
<input type="radio">
Kreye yon bouton radyo; si plizyè bouton radyo gen menm non an, itilizatè a ka chwazi yon sèl.
<input type="submit" value="NAME">
Kreye yon bouton soumèt.
<input type="image" border=0 name="NAME" src="name.gif">
Kreye yon bouton soumèt lè l sèvi avèk yon imaj.
<input type="reset">
Kreye yon bouton Reyajiste ki retabli valè modil yo menm inisyal yo.
<input type="text">
Kreye yon bwat tèks sèl liy. Gwosè mete longè bwat la. Maxlength kouche kantite maksimòm karaktè ki ka antre (ka pi gwo pase gwosè).
<textarea>...</textarea>
Kreye yon zòn tèks miltilin ki tabli pa cols (kolòn) ak rows (ranje) atribi. Tèks ki genyen ant etikèt yo ap parèt nan zòn tèks la lè paj la chaje.

Lòt eleman

<span>...</span>
Kreye yon divizyon ki lojik sou liy lan. Li pèmèt ou asiyen yon id oswa yon klas nan pòsyon tèks, ki ka itilize ak CSS.
<div>...</div>
Kreye yon nivo lojik blòk-nivo. Espesyalman pou itilize CSS.
<center>...</center> (obsolèt)
Kreye yon blòk santre nan tèks tou. Abandone an favè <div> ak aliyman santre defini nan CSS.
<hr>
<hr /> (nan XHTML)
Mete yon liy orizontal.
<object>...</object>
Gen ladan yon objè nan paj la nan kalite a espesifye nan type . Li kapab nenpòt objè MIME ke navigatè a rekonèt, tankou yon paj entegre (al gade <iframe>), yon ploge tankou Flash , oswa yon dosye odyo.
<param>...<param/> (nan XHTML)
Tag sa a parèt sèlman andedan eleman object a epi li tabli paramèt pou objè a tankou lajè, wotè oswa URL kontni an.
<embed>...</embed> (ki pa ofisyèl)
Envoke yon manadjè plug-in pou kalite ki espesifye nan type . Itilize pou enkli dosye flash, dosye odyo. ofisyèl, <object> se pi preferab.
<noembed>...</noembed> (ki pa ofisyèl)
Espesifye yon altènativ si objè ki enkli a pa ka parèt.
<applet>...</applet> (ki pa ofisyèl)
Gen ladan yon applet Java nan paj la. Ofisye, <object> se pi preferab.

Fòma

Icône loup mgx2.svg Menm sijè an detay: CSS .
<b>...</b> (obsolèt)
Sèvi ak fonse . CSS ekivalan: {font-weight: bold}
<i>...</i>
Sèvi ak italik . CSS ekivalan: {font-style: italic}
<big>...</big>
Kreye pi gwo tèks. CSS ekivalan: {font-size: larger} .
<small>...</small>
Kreye pi piti tèks .CSS ekivalan: {font-size: smaller} small {font-size: smaller}
<s>...</s> ak <strike>...</strike> (obsolèt)
Tèks klè: efase . CSS ekivalan: {text-decoration: line-through}
<tt>...</tt>
Sèvi ak yon font macchina da scrivere (ki pa pwopòsyonèl polis gwosè fiks). CSS ekivalan: {font-family: monospace}
<u>...</u> (obsolèt)
Sèvi ak yon font souliye . CSS ekivalan: {text-decoration: underline}
<font [color= color ,] [size= size ,] [face= face ]>...</font> (obsolèt)
Tag konsidere kòm demode an favè CSS [4] , ka presize koulè tèks la nan atribi color , kalite ak face ak size absoli oswa relatif ak size

Egzanp:

  1. <font color="green">text</font> kreye tèks vèt .
  2. <font color="#1f4099">text</font> kreye tèks nan koulè hex # 1f4099 .
  3. <font size="4">text</font> kreye tèks de gwosè 4 . Gwosè a varye ant 1 a 7. Gwosè estanda a se 2, sof si yo espesifye nan <<body> oswa lòt tags.
  4. <font size="+1">text</font> kreye tèks ak yon gwosè ogmante pa 1 konpare ak gwosè estanda a. . <font size="-1">text</font> se opoze an.
  5. <face="Courier">text</font> montre tèks la nan font Courier la .

CSS ekivalan pou atribi tèks:

  • <font size="N"> matche ak {font-size: Ypx} (spesifikasyon HTML la pa defini relasyon ant gwosè "N" ak gwosè pixel "Y").
  • <font color="red"> matche ak {color: red}
  • <font face="Courier"> matche ak {font-family: Courier}

Koulè

Icône loup mgx2.svg Menm sijè an detay: Koulè entènèt .

Koulè entènèt yo se koulè yo itilize nan montre paj wèb sou World Wide Web la ak nan metòd pou dekri ak presize koulè sa yo. Koulè yo ka espesifye kòm yon triplet RGB oswa nan fòma hex (yon triplet hex ) oswa nan kèk ka pa non komen angle yo. Yon zouti pou chwazi koulè oswa lòt lojisyèl grafik souvan itilize pou jenere valè koulè. Yon egzanp: #0099CC (yon kalite ble ki ka #0099CC Pacific Blue ).

Lyen ak lankr

Icône loup mgx2.svg Menm sijè an detay: Anchor .
<a>...</a>
Kreye yon eleman ki vin tounen yon jete lank , ki ka tou de sous la ak destinasyon an nan yon lyen .
Avèk atribi href mete nan yon URL, jete lank lan vin orijin yon ipèrlenk nan yon lòt resous (oswa nan yon lòt pwen sou menm paj la);
Altènativman (epi pafwa an menm tan), ak name (oswa id ) atribi jete lank la vin sib yon lyen soti nan yon lòt resous, ki tankou yon makè ap woule paj la nan pwen sa. Yon URL ka endike ke destinasyon ak yon idantifyan fragman (ajoute yon senbòl '#' ki te swiv pa non an jete lank nan fen URL la) nan URL la.
Chak eleman ka tounen yon jete lank atravè atribi id pou itilize <a name="foo"> pa nesesè.
Anplis de sa, yo ka mete atribi title bay yon brèf enfòmasyon sou lyen an.
<a href=" URL " title=" testo in aiuto "> Etichetta collegamento </a>
Lè konsèy la sou lyen an, li anjeneral vin nan yon men ak dwèt endèks la lonje nan anpil navigatè grafik, ak tèks ki genyen nan atribi title parèt nan yon bwat espesyal jiskaske kurseur la deplase.
Gen kèk navigatè ki montre tèks alt menm jan an men sa teknikman mal.

Galeri imaj

<img...>
<img... /> (nan XHTML)
Gen ladan yon imaj ak atribi src , alt bay tèks altènatif nan ka imaj la pa ka parèt. Alt fèt kòm tèks alt, byenke kèk navigatè montre li kòm yon allusion; atribi title se allusion a.

Divès

<br>
<br/> (nan XHTML)
Espesifye yon repo liy.
Egzanp fòm zòn nan sou yon imaj. Nan tèt yo endike zòn ki ka klike pa itilizatè a, nan pati anba a sa itilizatè a wè.
Egzanp <map> tag sou yon imaj. Nan tèt yo endike zòn ki ka klike pa itilizatè a, nan pati anba a sa itilizatè a wè. Lèt la pral sèlman remake yo lè plan sou yo ak sourit la
<map>...</map>
Espesifye yon kat-bò kliyan yo, ki se zòn ki ka klike pa itilizatè a.
<area>
<area/> (nan XHTML)
Espesifye yon zòn sou yon kat.
<blink>...</blink> (ki pa estanda, fòtman dekouraje)
Tèks kap flache. Li ka altènativman dwe rann ak direktiv la style {text-decoration: blink}
<marquee>...</marquee> (fòtman dekouraje)
Demode tag [5] , kreye efè tèks defile a. Li pa gen okenn ekivalan nan direktiv style. Atribi yo se:
behaviour : endike ki kalite mouvman tèks la, li ka asime valè sa yo:
scroll : tèks la te rive nan fen a repete depi nan konmansman an nan yon fason kontinyèl;
slide : tèks la te rive nan fen a sispann;
alternate : tèks la te rive nan fen a rebondi ak ale tounen.
direction : endike direksyon mouvman an, li kapab:
left : agoch;
right : adwat;
up : egal;
down : anba.
loop : endike kantite fwa mouvman an dwe repete tèt li. Si ou pa espesifye, li egal Infinity.
scrollamount : endike vitès mouvman an. Nimewo a eksprime an piksèl pou chak dezyèm.
Sèvi ak JavaScript, li posib pou jwenn efè bloke / rekòmanse defile nan atribi evènman ki asosye avèk onmouseover , onmouseout , onfocus ak onblur onfocus w rele metòd this.stop() ak this.start() .
<!--...-->
Gen ladan yon kòmantè. Sa a se yon tag SGML epi li pa limite a HTML, kidonk li ka parèt nenpòt kote nan dokiman an, menm anvan DTD a oswa apre </html> . Tout kontni eleman ant tag ouvèti <!-- ak tag fèmen --> pa parèt.
<hr>
<hr/> (nan XHTML)
Sa a tag yo itilize yo kreye liy separateur. Li posib yo kreye liy nan gwosè diferan ak koulè gras a atribi width (pou longè), height (pou wotè) ak color , obsolèt an favè pou yo sèvi ak direktiv style ekivalan.
Egzanp:
<hr width = "400" height = "10"> (obsolèt) oswa
<hr style="width: 400px; height: 10px;" /> (ak direktiv style) jenere:

<hr width = "50%" height = "2"> (obsolèt) oswa
<hr style="width: 50%; height: 2px;" /> (ak direktiv style) jenere:

<hr color = "red" width = "200" height = "2"> (obsolèt) oswa
<hr style="background-color: red; width: 200px; height: 2px;" /> (ak direktiv style) jenere:

Ankadreman

Icône loup mgx2.svg Menm sijè an detay: Iframe ak Frameset .

Ankadreman yo, nan "ankadreman" Italyen, pèmèt ou estrikti dokiman HTML an nan sub-dokiman ke navigatè a jere kòm fenèt separe. Pou egzanp, yon meni navigasyon ka toujou kenbe fiks ak vizib nan yon premye ankadreman pozisyone sou kwen gòch la nan paj la, antoure pa yon dezyèm ankadreman ki fèmen kontni an glisman prensipal la. Eleman frame yo dwe enkli andedan yon eleman frameset ki ranplase body epi dokiman HTML la poukont li dwe deklare kòm yon Frameset. Nan lòt mo, yon eleman html ka gen ladan yon head ak yon body (nan ka a nan dokiman strik oswa tranzisyonèl) oswa, altènativman, yon head ak yon frameset . [6] Ankadreman se yon pati nan estanda HTML 4.0 Frameset, pandan ke yo nan HTML5 yo te obsolèt [7] [8] .

<frameset>...</frameset>
Delimite seri ankadreman yo. Se aranjman an nan ankadreman yo bay nan yon lis vigil separe nan rows ak atribi cols .
<frame>...</frame>
Mete yon ankadreman sèl, oswa rejyon, nan frameset la. Yon dokiman diferan lye nan atribi src parèt andedan.
<noframes>...</noframes>
Gen yon eleman body nòmal ak timoun ki pral parèt nan navigatè entènèt la ki pa sipòte ankadreman
<iframe>...</iframe>
Yon ankadreman espesyal aliye , ki ka mete andedan yon eleman body nòmal. Li gen anpil atribi komen nan eleman img a, men li entegre yon lòt dokiman HTML olye de yon imaj.

RDFa

RDFa (Resource Description Framework in Attributes) se yon rekòmandasyon W3C ki ajoute yon kantite ekstansyon nan nivo atribi nan HTML, XHTML ak divès kalite dokiman XML ki baze sou pou entegre metadata rich nan dokiman entènèt. RDF done modèl kat pèmèt itilizasyon li pou entegre sijè. -predike-objè ekspresyon RDF nan dokiman XHTML. Li pèmèt tou pou fè ekstraksyon nan modèl RDF triple pa ajan itilizatè konfòme yo.

Kominote a RDFa kouri yon sit entènèt wiki lame zouti, egzanp ak tutoryèl [9] .

Esans

Sans nan RDFa se bay yon seri atribi ki ka itilize yo pote Metadata nan yon lang XML (kon sa "yon la" nan RDFa).

Atribi sa yo se:

sou
yon URI oswa CURIE ki espesifye resous la metadata yo ap fè fas ak
rel ak rev
espesifye yon relasyon ak yon relasyon envès nan yon lòt resous, respektivman
src, href ak resous
espesifye resous patnè a
pwopriyete
espesifye yon pwopriyete pou kontni an nan yon eleman oswa resous patnè
kontni
atribi opsyonèl ki pase sou kontni eleman an lè w ap itilize atribi pwopriyete a
datatype
atribi si ou vle ki espesifye kalite done ki nan tèks la espesifye pou itilize ak atribi pwopriyete a
tipof
atribi si ou vle espesifye kalite a RDF (yo) nan sijè a oswa resous patnè (resous la ki metadata a refere).

Benefis

Gen senk "entèoperabl metadata prensip" rive vre pa RDFa [10] .

  • Piblikatè Endepandans: Chak sit ka itilize pwòp estanda li yo
  • Done réutilisation: done pa double. Pa gen okenn nesesite pou separe XML ak seksyon HTML pou menm kontni an.
  • Kontni pwòp tèt ou: HTML ak RDF yo separe
  • Modularite nan chema a: atribi yo yo kapab itilize ankò

Anplis de sa, RDFa ka benefisye de aksè entènèt kòm plis enfòmasyon ki disponib pou teknoloji asistans [11] .

Egzanp

 < div xmlns: dc = "http://purl.org/dc/elements/1.1/" 
   sou = "http://www.example.com/books/wikinomics" >
  Nan dènye liv li a
  < span property = "dc: title" > Wikinomics </ span > ,
   < span property = "dc: creator" > Don Tapscott </ span >
  eksplike chanjman yo pwofon nan teknoloji,
  demografik ak biznis.
  Yo ta dwe pibliye liv la nan
  < span property = "dc: date" content = "2006-10-01" > Oktòb 2006 </ span > .
</ div >

HTML5

Icône loup mgx2.svg Menm sijè an detay: HTML5 .
TAG [12] DIMANSYON
Nouvo eleman estriktirèl ak semantik
Header
Konparezon ant paj baz HTML4 ak 5
Konparezon ant paj baz HTML4 ak 5
Footer
Seksyon
Nav
Atik (nan ka atik sou paj dakèy la)
Akote (kontni ki gen rapò ak prensipal la)
Hgroup Gwoup Tags yo tit
<figir> ak <figcaption> Tit pou kontni
Afiche Mete kontni entèaktif oswa miltimedya
Ruby Espesifye anotasyon Ruby
Wbr Navigatè a ka mete yon newline
<kòmand> ak <meni> Yo defini ba zouti oswa meni kontèks
<detay> ak <rezime> Widget Enfòmasyon pou itilizatè yo
make Pati nan yon tèks make oswa make itilizatè a
<time> ak pubdate ak datetime atribi 24 èdtan tan oswa yon dat nan kalandriye a gregoryen
Mèt Mezi skalè nan yon seri li te ye oswa valè fraksyon
Pwogrè Estati fini yon travay
Foto Veso pou imaj
Mikrodata Atribi semantik yo ka espesifye pou chak tag HTML
Nouvo atribi ak kalite opinyon pou fòm yo
otofokus, kontni ak fòm
fòm
Otofokus la nan ka sa a se nan wouj. Kalite opinyon yo ekivalan ak espas yo dwe ranpli (nan ka sa a gen "imèl"). Espas a se tèks echantiyon chak espas
Kalite Antre: tel
Kalite Antre: rechèch
Kalite Antre: url
Kalite Antre: imèl
Kalite Antre: nimewo
Kalite Antre: ranje
Kalite Antre: koulè
Datalist Ranpli otomatikman sou yon eleman fòm
Otokonplete Pèmèt oswa refize navigatè a ranpli nan jaden yo

nan fòm lan otomatikman

Min, max Yo defini valè minimòm ak maksimòm yo pèmèt
Miltip Li pèmèt itilizatè a antre nan valè miltip pou opinyon an menm
Modèl Tcheke ke valè a antre konfòme li avèk règleman sèten
Obligatwa Li fè li obligatwa yo ranpli nan yon espas nan fòm lan
Etap Li defini distans ki genyen ant yon valè ak pwochen an
keygen Dèlko kle nimerik nan yon fòm
pwodiksyon Retounen rezilta yon kalkil
API pou aplikasyon pou entènèt
Aplikasyon entènèt offline (".manifest" dosye) Aprè premye sesyon Navigasyon sou entènèt la,

kèk objè ap rete tou aksesib

nan absans yon koneksyon rezo.

Indexed Database API Kreye ak manipile yon baz done nan navigatè a
WebStorage API Pou egzanp, ou ka kenbe yo louvri an menm tan an

de kont sosyal oswa imèl sou navigatè a menm ak chak navigasyon

sou premye a li pral rezilta nan Logout nan dezyèm lan ak vis vèrsa

Web Travayè API Yo pèmèt ekzekisyon an nan moso nan kòd JavaScript

san sa pa afekte pèfòmans paj wèb la

WebSocket API Yo etabli epi kenbe yon koneksyon done ant navigatè yo

ak sèvè aleka ki te sou yo voye mesaj

nan toude direksyon yo

Trennen ak gout Trennen ak gout objè yo
Geolocation API Geolocation
Miltimedya
SVG ak MathML Imaj vektè ak fòmil matematik
Twal / WebGL APIs apwopriye pou trase liy, ti sèk, rektang, imaj ak objè 3D
Videyo Mete dosye videyo (deja posib sèlman avèk Adobe Flash )
Odyo Mete dosye odyo
Elemine eleman HTML4
Elemine eleman HTML4

Haml

Haml (HTML Abstraction Markup Language) se yon sistèm modèl ki fèt pou evite ekri kòd inline nan yon dokiman entènèt epi fè HTML pi pwòp. Haml ofri fleksibilite ki genyen kèk kontni HTML dinamik. Menm jan ak lòt lang entènèt tankou PHP, ASP, JSP ak modèl sistèm tankou eRuby, Haml tou entegre kèk kòd ki kouri pandan ègzekutabl ak jenere kòd HTML bay kèk kontni dinamik. Pou kouri Haml kòd, dosye yo dwe gen yon ekstansyon .haml. Dosye sa yo sanble ak dosye .erb oswa eRuby ki ede tou entegre Ruby kòd lè devlope yon aplikasyon entènèt [13] .

Egzanp

Haml sèvi ak endiksyon espas (de espas) pou nidifikasyon ak dimansyon tag. Sa aji kòm yon ranplasan pou pè yo tag ouvè-fen, ki 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>

Remak

  1. ^ Yon b Kòm rekòmande pa W3C Apendis C. HTML Gid Konpatibilite
  2. ^ CSS Box Modèl , nan www.w3schools.com . Rekipere 31 janvye 2021 .
  3. ^ RFC 1866 - Hypertext Markup Language - 2.0
  4. ^ - HTML: HyperText Markup Language | MDN , nan developer.mozilla.org . Rekipere 4 fevriye 2021 .
  5. ^ javascript - Poukisa se obsolèt e ki sa ki altènatif la pi byen? , sou pil debòde . Rekipere 5 fevriye 2021 .
  6. ^ ( EN ) HTML 4.01 Specification, Frames , su www.w3.org , W3C, 24 dicembre 1999. URL consultato il 14 giugno 2014 .
  7. ^ - HTML: HyperText Markup Language | MDN , su developer.mozilla.org . URL consultato il 5 febbraio 2021 .
  8. ^ 3 Reasons You Might Not Want To Use Iframes , su www.ostraining.com . URL consultato il 5 febbraio 2021 .
  9. ^ RDFa / Tools , su rdfa.info .
  10. ^ Building Interoperable Web Metadata
  11. ^ RDFa – Implications for Accessibility – Standards Schmandards , su standards-schmandards.com .
  12. ^ HTML5: guida completa , su HTML.it . URL consultato il 29 gennaio 2021 .
  13. ^ Haml , su haml.info . URL consultato il 4 febbraio 2021 .

Voci correlate

Collegamenti esterni

Internet Portale Internet : accedi alle voci di Wikipedia che trattano di internet