Mājas Biroja tehnika Birkas - kas tie ir un kādi tie ir. Kas ir tagi? To izmantošana SEO HTML tagu atribūti un to klasifikācija

Birkas - kas tie ir un kādi tie ir. Kas ir tagi? To izmantošana SEO HTML tagu atribūti un to klasifikācija

Definē teksta rindkopu. Tag

Tas ir bloka elements, pirms tā vienmēr tiek pievienota tukša rinda, teksta rindkopas, kas seko viena otrai, tiek atdalītas ar vertikālu atstarpi. Atstarpes lielumu var kontrolēt, izmantojot stilus. Ja nav noslēguma taga, tiek uzskatīts, ka rindkopas beigas sakrīt ar nākamā bloka elementa sākumu.

Sintakse

Teksts

Iespējas

līdzināt Norāda teksta līdzinājumu.

Noslēdzošais tags

Nav nepieciešams.

1. piemērs. Atzīmes izmantošana





Atzīmē P


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.


Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.



Tagu parametru apraksts

ALIGN parametrs

Apraksts

Izlīdzina teksta bloku malai.

Sintakse

Argumenti

pa kreisi Izlīdzina tekstu pa kreisi. Šajā gadījumā teksta rindiņas ir izlīdzinātas pa kreisi, bet labā mala ir sakārtota kā kāpnes. Šī izlīdzināšanas metode vietnēs ir vispopulārākā, jo tā ļauj lietotājam ērti meklēt jaunu rindiņu un ērti lasīt lielu tekstu. centrs Izlīdzina tekstu centrā. Teksts tiek novietots horizontāli pārlūkprogrammas logā vai konteinerā, kur atrodas teksta bloks. Šķiet, ka teksta rindas ir savērtas uz neredzamas ass, kas iet uz leju tīmekļa lapas centrā. Šī izlīdzināšanas metode tiek aktīvi izmantota virsrakstos un dažādos parakstos, piemēram, parakstos, tā piešķir teksta noformējumam oficiālu un stabilu izskatu. Visos citos gadījumos izlīdzināšana centrā tiek izmantota reti, jo ir neērti lasīt lielu daudzumu šāda teksta. pa labi Izlīdzina tekstu pa labi. Šī izlīdzināšanas metode darbojas kā iepriekšējā tipa antagonists. Proti, teksta rindas tiek izlīdzinātas ar labo malu, bet kreisā paliek “saplēsta”. Tā kā kreisā mala nav līdzināta, kur tiek lasītas jaunas rindiņas, šo tekstu ir grūtāk lasīt nekā tad, ja tas būtu līdzināts pa kreisi. Tāpēc labo līdzinājumu parasti izmanto īsiem virsrakstiem, kas nepārsniedz trīs rindiņas. Mēs neņemam vērā konkrētas vietnes, kurās teksts ir jālasa no labās puses uz kreiso pusi, kur, iespējams, noderēs līdzīga līdzināšanas metode. Bet kur mūsu valstī jūs esat redzējuši šādas vietnes? attaisnot Justified, kas nozīmē, ka vienlaikus izlīdzināts pa kreisi un pa labi. Lai veiktu šo darbību, pārlūkprogramma šajā gadījumā pievieno atstarpes starp vārdiem.

Noklusējuma vērtība

Līdzīgi kā CSS

2. piemērs: Teksta līdzināšana





P tags, līdzināšanas parametrs


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.



Tagu formatēšana

  • iestata jaunu rindiņu vietā, kur parādās šis tags.
  • DIV ir bloka elements, un tas ir paredzēts, lai izceltu dokumenta fragmentu, lai mainītu satura izskatu.
  • Sveicināti, draugi! Šodien mēs runāsim par rindkopas atzīme un līdzinājuma atribūts. Kopumā viss lapas saturs ir jāsadala rindkopās. Rindkopas saturs tiek rakstīts starp tagiem

    Teksts…

    . Parādot 2 secīgas rindkopas, starp tām veidojas neredzams lauks, kas tās atstumj vienu no otras. Tags ir bloka tags, tāpēc tas aizņem visu lapas platumu.

    Piemēram, ņemsim lapu ar šādu kodu:

    Lapa ar rindkopām.

    Pirmā rindkopa: Lorem Ipsum ir vienkārši drukas un salikšanas nozares fiktīvs teksts. Lorem Ipsum ir bijis nozares standarta fiktīvais teksts kopš 1500. gadiem, kad nezināms printeris paņēma rakstāmpiederumu kambīzi un šifrēja to, lai izveidotu tipa paraugu grāmatu.

    Otrā rindkopa: Jau sen ir pierādīts, ka, aplūkojot lapas izkārtojumu, lasītāja uzmanību novērsīs lasāmais lapas saturs. Lorem Ipsum izmantošanas jēga ir tāda, ka tai ir vairāk vai mazāk normāls burtu sadalījums pretstatā "Saturs šeit, saturs šeit" izmantošanai, lai tas izskatās kā lasāms angļu valodā.

    Apskatīsim, kā tas izskatās pārlūkprogrammā:


    Noteikti pamanījāt, ka lapas kodā ir atzīme stiprs,šis tags padara tekstu treknrakstā.

    Atzīmju atribūti

    Katram tagam varat un dažos gadījumos pat nepieciešams norādīt atribūtus. Izmantojot atribūtu, mēs pārlūkprogrammai precīzi pasakām, kā lapā parādīt šo vai citu elementu.

    Atribūts ir norādīts sākuma taga iekavās, un tam ir šāda sintakse: atribūts_nosaukums = "vērtība"

    Izlīdzināšanas atribūts

    Piemēram, mums lapā ir rindkopa, un mēs vēlamies saskaņot tās saturu. Lai to izdarītu, ievada taga iekšpusē ierakstām atribūtu izlīdzināt, kas ir atbildīgs par satura līdzināšanu rindkopā, un iestatiet tai vienu vērtību.

    Punkta saturs.

    Šim atribūtam ir 4 vērtības:

    atlicis 1- Izlīdzina saturu pa kreisi. Šī vērtība ir noklusējuma vērtība. Tas ir, ja mēs nenorādīsim rindkopas atribūtu izlīdzināt, tad rindkopas saturs pēc noklusējuma tiks līdzināts. To var redzēt iepriekšējā piemērā.

    2. Pareizi– Izlīdzina saturu pa labi.

    Teksts…

    Lūk, kā tas izskatās pārlūkprogrammā:


    3.Centrs- Izlīdzina saturu lapas centrā.

    Teksts…


    4.Pamatot– Izlīdzina saturu lapas platumā.

    Teksts…


    Nodarbības kopsavilkums:
    Šodien mēs uzzinājām, kas tas ir paragrāfs html formātā. Rindkopas tiek izmantotas ļoti bieži html. Mēs arī uzzinājām, kas ir tag atribūts. Un iemācījās izlīdzināšanas atribūtu izlīdzināt. Kurai var būt viena no šīm vērtībām: pa kreisi (noklusējuma vērtība),pa labi,centrsattaisnot.

    46,4 K

    Bieži vien iesācēju tīmekļa pārziņus moka jautājums, kāpēc dažas vietnes ir augstākas un pārspēj konkurentus meklēšanas rezultātos. Iemesls tam var būt nepareizi ievietoti tagi h1, h2...h6. Ja šie tagi ir ievietoti nepareizi, neņemot vērā resursa specifiku, tad meklētājprogrammām ir grūtāk iegūt precīzu informāciju par rakstiem un tajos ietvertajiem atslēgvārdiem.

    Tagi h1 - h6 ļauj izcelt virsrakstus dažādos līmeņos. Tie skaidri parāda, kuras teksta daļas precīzāk atspoguļo raksta tēmu un sniedz ranžēšanas priekšrocības.

    Pareizs tagu izvietojums ļauj meklētājprogrammām precīzāk parādīt vaicājumu lapu rezultātos, kas labvēlīgi ietekmē resursa pozīciju:

    Kāpēc ir nepieciešami h1-h6 tagi?

    Tagi satur vietnes nosaukumu, virsrakstus un teksta apakšvirsrakstus:


    HTML valodā galvenes tagi tiek apzīmēti ar h no angļu valodas “header”, kas nozīmē “ virsraksts, galvene" Lūk, piemērs tam, kā tas izskatās:

    Virsraksts

    Virsrakstu atzīmes jāievieto katrā resursa lapā. Šajā gadījumā virsraksta nozīmīgums būs atkarīgs no tā skaita; jo mazāks tas ir, jo svarīgāks ir virsraksts:

    - svarīgākie tagi

    - mazāk nozīmīgas atzīmes...
    - pēdējie svarīgākie tagi

    Tomēr pret to novietošanu jāizturas piesardzīgi. Nepareizas izmantošanas rezultātā meklētājprogrammas var sankcionēt jūsu resursu.

    h1-h6 tagu sintakse

    Teksta nosaukums

    1. apakšvirsraksts

    ...

    2. apakšvirsraksts

    Apakšvirsraksts 3.1

    ...

    Apakšvirsraksts 3_2

    3. apakšvirsraksts


    Populārākie tagi ir h1 h2 h3.

    Kā pareizi lietot h1 tagu?

    Ignorējot h1 tagu, tīmekļa pārziņi atņem sev tik svarīgu priekšrocību kā satura optimizācija. Dzinējiem tas bieži tiek reģistrēts automātiski, bet ne vienmēr, un šis fakts ir jāņem vērā.

    h1 HTML tags ir visnozīmīgākais šāda veida tags. Tajā ir vietnes nosaukums un raksta nosaukums. Tomēr to nevajadzētu sajaukt ar tagu (<span>lapas virsraksts</span>). Virsraksts tiek atspoguļots pārlūkprogrammā ekrāna augšdaļā kreisajā pusē brīdī, kad tiek atvērta resursa lapa. Virsraksts ir rakstīts lapas galvenē starp <head></head>, savukārt h1 - h6 ir norādītas pašas lapas “pamatdaļā” un ir ietvertas tagos <body></body>.</p> <p>Lapā var būt tikai viens h1 tags. Ja norādāt vairākus virsrakstus ar h1 tagu, meklētājprogrammas to var uzskatīt par pārmērīgu surogātpastu, kas savukārt var izraisīt aizliegumu:</p> <br>Noteikumi galvenā virsraksta h1 sastādīšanai: <ul><li>Tagā jāizmanto atslēgvārdi, kas tiek izmantoti lapas reklamēšanai;</li> <li>Nevajadzētu padarīt h1 virsrakstu pārāk garu; pietiek ar dažiem vārdiem;</li> <li>Virsraksta tekstam jābūt salasāmam;</li> <li>H1 metatagā nedrīkst būt nekā cita, izņemot pašu tekstu. Ja vēlaties to izcelt, ievietojiet kodus ārpus taga;</li> <li>Pirms manuāli rakstat h1 , pārliecinieties, vai dzinējs to neiestata automātiski;</li> <li>h1 saturam jāatbilst lapas nosaukumā norādītajai tēmai;</li> <li>Veidojot h1, noteikti izmantojiet galveno frāzi, ar kuru lapa tiek reklamēta;</li> <li>Virsraksta saturam jābūt unikālam, kodolīgam un tematiskam. Nevajadzētu padarīt h1 par pilnīgu nosaukuma taga kopiju. Ir svarīgi, lai katrā resursa lapā tiktu ierakstīts unikāls h1 - h6, tāpēc izvairieties no atkārtošanās;</li> <li>Nosaukumā nevar uzskaitīt galvenās frāzes, atdalot tās ar komatiem. H1 saturam jābūt saprotamam ne tikai meklētājprogrammām, bet arī resursu apmeklētājiem.</li> </ul><h3>Kā pareizi lietot h2-h6 tagus?</h3> <p>Papildus h1, h2, h3, h4, h5, h6 utt. tagi tiek izmantoti, lai ievietotu virsrakstus, ko identificē meklētājprogrammas.</p> <h4>h2 tags</h4> <p>Parasti izmanto ziņu nosaukumiem plūsmā, kas atrodas sākumlapā, vai subtitriem rakstā.</p> <h4>Atzīmes h3, h4</h4> <p>Tos bieži izmanto, lai sānjoslā izceltu apakšvirsrakstu, kategoriju un logrīku nosaukumus.</p> <h4>Atzīmes h5, h6</h4> <p>Paredzēts vēl mazākiem lapas elementiem, kas ir jāatdala no pārējā teksta.</p> <p>Virsrakstu h1 - h6 izvietojumu dažādās dzinēju versijās var īstenot atšķirīgi.</p> <p>Noteikumi h2 -h6 izvietošanai:</p> <ul><li>Virsraksta struktūra. Ir jāsaglabā virsrakstu hierarhija;</li> <li>Fonta izmērs. Jo zemāks virsraksta līmenis, jo mazāks fonts. Fontu rediģēšana tiek veikta stilos. Bet parasti fonti pēc noklusējuma ir pareizie izmēri;</li> <li>Virsrakstu tagus nevar izmantot kopā ar citiem akcenta tagiem. Virsrakstos ieteicams lietot atslēgvārdus, pēc kuriem šī lapa tiks reklamēta meklējumos;</li> <li>Atšķirībā no h1, h2 - h6 tagus var rakstīt vairākas reizes lapā.</li> </ul><p><body> <h1>Es esmu virsrakstu hierarhijas vadītājs</h1> <h2>Mani bērni</h2> <h3>Mani mazbērni</h3> <h3>Mani mazbērni</h3> <h3>Mani mazbērni</h3> <h2>Mani bērni</h2> <h3>Mani mazbērni</h3> <h3>Mani mazbērni</h3> <h3>Mani mazbērni</h3> <h4>Mani mazbērni</h4> <h4>Mani mazbērni</h4> <h4>Mani mazbērni</h4> </body></p> <ul><li>Nedrīkst būt surogātpasta;</li> <li>Teksta h1 - h6 sastādīšana jāveic, izmantojot sinonīmus un ņemot vērā morfoloģijas noteikumus;</li> <li>Galvenos atslēgvārdus labāk novietot tuvāk virsraksta sākumam;</li> <li>Lapas tekstā jāparādās virsrakstos rakstītajām atslēgas frāzēm;</li> <li>Tagiem h1–h6 jābūt īsiem, kodolīgiem un informatīviem:</li> </ul> <table cellspacing="0" class="data browser"><tr><th>Pārlūkprogramma</th> <td colspan="4" class="browser rdline"></td> <td colspan="2" class="browser rdline">Nettscape</td> <td colspan="4" class="browser rdline">Opera</td> <td colspan="3" class="browser rdline"></td> <td colspan="3" class="browser">Mozilla Firefox</td> </tr><tr><th>Versija</th> <td>5.5 </td> <td>6.0 </td> <td>7.0 </td> <td class="rdline">8.0 </td> <td>8.0 </td> <td class="rdline">9.0 </td> <td>7.0 </td> <td>8.0 </td> <td>9.2 </td> <td class="rdline">9.5 </td> <td>1.3 </td> <td>2.0 </td> <td class="rdline">3.1 </td> <td>1.5 </td> <td>2.0 </td> <td>3.0 </td> </tr><tr class="headtable"><th>Atbalstīts</th> <td class="yes">Jā</td> <td class="yes">Jā</td> <td class="yes">Jā</td> <td class="yes rdline">Jā</td> <td class="yes">Jā</td> <td class="yes rdline">Jā</td> <td class="yes">Jā</td> <td class="yes">Jā</td> <td class="yes">Jā</td> <td class="yes rdline">Jā</td> <td class="yes">Jā</td> <td class="yes">Jā</td> <td class="yes rdline">Jā</td> <td class="yes">Jā</td> <td class="yes">Jā</td> <td class="yes">Jā</td> </tr></table><table class="standart" cellspacing="0"><tr><td class="h">SHTML:</td> <td class="yes">3.2 </td> <td class="yes">4 </td> <td class="xh">XHTML:</td> <td class="yes">1.0 </td> <td class="yes">1.1 </td> </tr></table><h3>Apraksts</h3> <p>Definē satura rindkopu. Tag <P>Tas ir bloka elements, tāpēc sākas jaunā rindā, satura rindkopas, kas seko viena otrai, tiek atdalītas ar vertikālu atstarpi. Atstarpes lielumu var kontrolēt, izmantojot stilus. Ja nav noslēguma taga, tiek uzskatīts, ka rindkopas beigas sakrīt ar nākamā bloka elementa sākumu.</p> <h3>Sintakse</h3> <p><p>saturu <p>saturu</p></p> <h3>Iespējas</h3>līdzināt Norāda satura izlīdzināšanu. <h3>Noslēdzošais tags</h3> <p>Nav nepieciešams.</p> <p>1. piemērs. Atzīmes izmantošana <p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Atzīmē P

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

    Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

    Tagu parametru apraksts

    ALIGN parametrs

    Apraksts

    Izlīdziniet satura bloku malai.

    Sintakse

    Argumenti

    pa kreisi Izlīdzina saturu pa kreisi. Šajā gadījumā satura līnija ir izlīdzināta ar kreiso pusi, bet labā mala ir novietota kā kāpnes. Šī izlīdzināšanas metode ir vispopulārākā mūsu vietnēs, jo tā ļauj lietotājam viegli meklēt jaunu rindiņu un ērti lasīt lielu saturu. centrs Izlīdzina saturu centrā. saturs tiek novietots horizontāli pārlūkprogrammas logā vai konteinerā, kur atrodas satura bloks. Šķiet, ka satura rindas ir savērtas uz neredzamas ass, kas iet cauri tīmekļa lapas centram. Šī izlīdzināšanas metode tiek aktīvi izmantota virsrakstos un dažādos parakstos, piemēram, parakstos; tā piešķir satura dizainam oficiālu un stabilu izskatu. Visos citos gadījumos izlīdzināšana centrā tiek izmantota reti, jo ir neērti lasīt lielu šāda satura apjomu. pa labi Izlīdzina saturu pa labi. Šī izlīdzināšanas metode darbojas kā iepriekšējā tipa antagonists. Proti, satura līnijas tiek izlīdzinātas labajā pusē, bet kreisā puse paliek “noplēsta”. Tā kā kreisā mala nav līdzināta, kur tiek lasītas jaunas rindiņas, šo saturu ir grūtāk nolasīt nekā tad, ja tas būtu līdzināts pa kreisi. Tāpēc labo līdzinājumu parasti izmanto īsiem virsrakstiem, kas nepārsniedz trīs rindiņas. Mēs neņemam vērā konkrētas vietnes, kurās saturs ir jālasa no labās puses uz kreiso pusi, kur, iespējams, noderēs līdzīga izlīdzināšanas metode. Bet kur mūsu valstī jūs esat redzējuši šādas vietnes? attaisnot Justified, kas nozīmē, ka vienlaikus izlīdzināts pa kreisi un pa labi. Lai veiktu šo darbību, pārlūkprogramma šajā gadījumā pievieno atstarpes starp vārdiem.

    Noklusējuma vērtība

    CSS analogs (TSS)

    2. piemērs: satura līdzināšana

    SHTML 4.01 IE 5.5 IE 6 IE 7 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

    P tags, līdzināšanas parametrs

    Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum falisi nulla zzril delenit doloare te gue duuga. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat.

    Sveiki, dārgie emuāra vietnes lasītāji. Šodien mēs sāksim runāt par tagiem HTML valodā, proti, par virsrakstiem H1, H2, H3, H4, H5, H6, par rindkopām P un rindiņu pārtraukumiem Br, kā arī par horizontālo līniju tagu Hr, izmantojot piemēru, kura mēs apskatīsim atribūtu izmantošanu un redzēsim, kur var uzzināt visus iespējamos katra elementa atribūtus un apskatīt to vērtību sintaksi.

    Galvenā atšķirība starp iekļautajām un bloku atzīmēm ir tāda, ka pirmās var sekot viena otrai platumā, līdz tām pietrūkst vietas, un pēc tam tās pāriet uz nākamo rindiņu.

    Pēc noklusējuma mēģiniet bloķēt elementus platumā aizņem visu pieejamo vietu un tāpēc nākamais bloka elements noteikti atradīsies citā līnijā.

    Tagad sāksim sistemātisku visu iespējamo HTML tagu izpēti un tajā pašā laikā īpašu uzmanību pievērsīsim tam, pie kāda veida tie pieder, lai skaidri saprastu to pareizas (derīgas) izmantošanas iespējas. Vienkāršota tagu struktūra izskatās šādi:

    Viņiem ir arī atribūti (katram ir sava kopa), kas ļauj šim elementam pievienot noteiktas īpašības, taču mēs par to runāsim, izmantojot konkrētus piemērus.

    Sāksim aplūkot jēdzienu virsraksti, kas tiek veidoti, izmantojot sapārotus tagus H1, H2, H3, H4, H5, H6 (nosaukums cēlies no vārda “Header”, t.i. “virsraksts”) pirmā burta. Tie ir paredzēti, lai atdalītu dažādus teksta fragmentus vienu no otra un atzīmētu to nozīmi atkarībā no līmeņa. Mūsdienu HTML valodas versijā visi tagi un visi tiem atļautie atribūti ir iepriekš noteikti un aprakstīti.

    Rezultātā virsrakstiem var būt tikai seši līmeņi un papildus elementi H1-H6 ir bloķētas, t.i. mēģiniet aizņemt visu pieejamo vietu visā lapas platumā. Bet tiem ir viena īpatnība - virsrakstu tagos var būt tikai iekļauti elementi, neskatoties uz to, ka, piemēram, tas pats Div ļauj tajā iekļaut citus bloka tagus.

    Tas. pārlūkprogramma neļaus, piemēram, viena līmeņa galvenēs ievietot cita līmeņa galvenes, jo, es atkārtoju, tie ir bloka elementi, bet tajos var būt tikai mazie burti. Ak, kā.

    Dažādu līmeņu virsraksti H1-H6 tiks zīmēti pārlūkprogrammās ar dažāda lieluma fontiem (lai gan, izmantojot CSS, jūs varat iestatīt tos absolūti jebkuru izmēru, krāsu un fonta veidu, lai parādītu pārlūkprogrammā, bet tīrā HTML — tādi ir noteikumi) :

    Ja ņemam vērā vietnes izkārtojumu no tās turpmākās reklamēšanas ērtības viedokļa (), tad ir vērts pieminēt, ka vajadzētu būt tikai viens H1 līmeņa virsraksts katrā lapā. Jūs, iespējams, varat izmantot divus H1, taču vairāk nekā tas, visticamāk, izraisīs negatīvu meklētājprogrammu reakciju, kad tās pārmeklēs jūsu dokumentu. Jūsu darbības var tikt uzskatītas par surogātpastu vai atbilstības palielināšanu.

    Tāpat nav ieteicams izlaist virsrakstu līmeņus, t.i. Pēc H1 izmantojiet H2, lai izceltu mazāk svarīgas teksta daļas utt. Maz ticams, ka tas radīs nopietnas sankcijas no meklētājprogrammām, taču labāk ir ievērot loģiku, veidojot HTML koda virsrakstu līmeņus.

    Meklētājprogrammas piešķir lielāku nozīmi vārdiem, kas ietverti šajos tagos, nevis vārdiem tikai tekstā. Secinājums ir tāds, ka rakstot rakstus, jums noteikti jāpievieno virsraksti tiem, kurus izmantojat.

    Pats virsrakstu izmantošana raksta tekstā padara to vizuālāku un palīdz lasītājiem ātri orientēties informācijas komplektā. Domāju, ka pirmo reizi informācijas pietiks un ir laiks doties tālāk.

    Rindkopa, rindiņas pārtraukums un horizontālā līnija HR HTML kodā

    P tags ir atvasināts no vārda "paragrāfs", bet biežāk to joprojām sauc par rindkopu. Tos izmanto, lai semantiski izceltu noteiktu teksta daļu, parasti ietverot vairākus teikumus. Starp rindkopām, ko vertikāli veido P elementi, parādās tukša vieta, kas ļauj atsevišķas loģiskās teksta daļas vizuāli viens no otra.

    Lieta tāda, ka cilvēkam ir diezgan grūti izlasīt teksta monolītu, ja tas nav sadalīts atsevišķos mazos fragmentos. Piemēram, es parasti pat nesāku lasīt rakstus, kas HTML kodā nav sadalīti rindkopās, jo tas ir ļoti kaitinoši.

    Laužot tekstu tu esi ļoti samazināt noguruma slieksni apmeklētājiem jūsu resursam un uzlabot lietotāju faktorus (laiku, ko lietotājs pavada jūsu vietnē un), kas savukārt pozitīvi ietekmē reklamēšanu.

    Tiem pašiem mērķiem (lietotāju uzmanības noturēšana un noguruma mazināšana, lasot rakstu) tekstam tiek pievienoti dažādi un dažreiz, iespējams, arī tie.

    Starp citu, rindkopas tags P, kā jūs droši vien jau pamanījāt, ir pāris, taču saskaņā ar HyperText Markup Language 4.01 specifikāciju tā noslēdzošais elements ir pilnībā nav nepieciešams. Šajā gadījumā pārlūkprogrammai būs jāizdomā, kur tas jānovieto.

    Tā kā P ir bloka elements un tajā var parādīties tikai mazie elementi. Līdz ar to pārlūkprogramma, konstatējusi sākuma rindkopas tagu, parsē kodu tālāk un, tiklīdz tā sastopas ar nākamo bloka elementu (visticamāk, tas būs nākamais atvēršanas P), nekavējoties ievieto tam priekšā beigu rindkopas tagu. Html 5 standartā šādas brīvības, visticamāk, vairs nepastāvēs un ir vajadzīgas nekavējoties pierodiet aizvērt visus tagus un rakstiet tos tikai ar mazajiem burtiem.

    Rindkopa ir bloka elements, tāpēc teksts rindkopās parasti aizņem visu pieejamo platumu. Tas ir, ja dokumenta HTML kodā ierakstījāt četrrindu, kā tam vajadzētu būt (katru rindiņu atsevišķi), un visu šo četrrindu ievietojāt rindkopas tagos P, tad pārlūkprogrammā jūs redzēsit, ka visas jūsu četras rindiņas tiks apvienotas viens un aizņems visu tekstam pieejamās vietas platumu.

    Mēs jau detalizēti apspriedām, kāpēc tas notiek rakstā par. Pateicoties šai hiperteksta iezīmēšanas valodas īpašībai (ka jebkurš atstarpes rakstzīmju skaits avota kodā tiks aizstāts ar vienu atstarpi, kad tās tiek parādītas pārlūkprogrammā), jūs varat formatēt savu kodu jebkurā ērtā veidā, nebaidoties, ka tiks traucēta tā parādīšana tīmekļa lapu.

    Nu, ja jums patiešām ir jāraksta četrrinde vispārpieņemtā formā, šim nolūkam varat izmantot papildu HTML

    rindas pārtraukuma tagi, ko sauc par BR

    (no vārda "pārtraukums"):

    BR ir iekļauts elements un arī “tukšs”, t.i. vienreizējs (nav noslēguma elementa). Visa BR funkcija ir tāda, ka, parādot tekstu pārlūkprogrammā, tas izraisa rindiņas pārtraukumu (līdzīgi kā jebkura teksta redaktora taustiņam Enter).

    BR (rindas pārtraukuma) tagu rakstīšana kodā nekādā veidā netiek regulēta. Varat rakstīt visu tekstu kopā un pareizajās vietās ievietot BR, nevis atstarpes, vai arī varat nekavējoties sadalīt tekstu kodā rindās skaidrības labad un ievietot BR vai nu rindu beigās, vai sākumā. Tas nemaina būtību.

    HR(saīsinājums no vārdiem “horizontālais likums”, t.i., horizontālā līnija) ir ļoti vienkāršs HTML tags, kas velk horizontālu līniju (joslu) visā ekrāna platumā un biezumā atkarībā no pārlūkprogrammas, kurā tas tiek skatīts (būtībā). tas ir vizuāls marķieris, kas, pēc analoģijas ar virsrakstu tagiem, ļauj sadalīt tekstu loģiskos gabalos, lai atvieglotu asimilāciju).

    Tas ir “tukšs” (viens), t.i. nav pāra (noslēguma atzīme). Turklāt, HR ir bloka elements, t.i. tas pēc noklusējuma aizņem visu tai pieejamo lapas platumu.

    Atribūtu jēdziens un noteikumi to rakstīšanai HTML tagos

    Apskatīsim atribūta jēdzienu, izmantojot šo vienkāršo elementu. Fakts ir tāds, ka mēs varam pievienot atribūtus tagiem, kas tiem ir derīgi un aprakstīti WC3 validatorā, tādējādi piešķirot saturam mums nepieciešamo īpašību.

    Piemēram, ja jums ir vairākas rindkopas (rindkopas), kas ir ietvertas atbilstošajos P tagos, tad, lai mainītu viena no tām izskatu, jums vienkārši jāpievieno nepieciešamie atribūti šīs rindkopas sākuma P elementam. Atsevišķu (tukšu) tagu gadījumā nav iespēju, kur pievienot vajadzīgo atribūtu.

    Tātad, pirmais noteikums ir atribūti tiek ievietoti tikai sākuma tagā(noslēdzošais nekad nesatur neko). Viens elements var saturēt vairākus atribūtus, kas ir atdalīti viens no otra un starp taga nosaukumu ar atstarpi (obligāts nosacījums). Ļaujiet man nekavējoties sniegt piemēru to izmantošanai HR horizontālajai līnijai:

    Tātad vispirms apskatīsim atribūtu sintaksi. Tie tiek ievietoti sākuma tagā, rakstīti atdalot ar atstarpi (ieskaitot atstarpi aiz elementa nosaukuma), un tie ir konstrukcija, kas ietver nosaukumu, vienādības zīmi un raksta pēdiņās (parasti ir pieņemts likt pāros dubultniekus , bet standarts pieļauj arī sapārotas pēdiņas) vērtības. Atribūtu secība HTML taga kodā nav svarīga.

    Tur es iedevu saiti uz visu derīgo HTML tagu saraksts. Ja šajā sarakstā noklikšķināsit uz jūs interesējošā elementa nosaukuma (mūsu gadījumā tas ir HR), jūs tiksit novirzīts uz lapu ar detalizētu tā specifikāciju:

    Var būt visi jebkura taga atribūti sadalīt trīs grupās:

    1. Vispārīgi — tie var parādīties lielākajā daļā elementu HTML valodā. Augšējā attēlā tie atrodas apakšā, un tos ieskauj sarkans rāmis. Patiesībā ir maz izplatītu atribūtu (tikai seši), un pat tad jūs, visticamāk, neizmantosit tos visus savā praksē. Visticamāk, ir tikai četri - , nosaukums un stils.
    2. Notikuma atribūti — tie ir nepieciešami, lai aktivizētu kādu darbību, reaģējot uz lietotāja darbību vai sistēmas notikumu. Tie ir vairāk saistīti ar JavaScreet, un attēlā iepriekš tie atrodas pašā apakšā (apvilkti tumšā rāmī).
    3. Unikāls — katram tagam parasti ir sava atribūtu kopa, daži no tiem var nebūt atrodami citos elementos. Ja mēs ņemam vērā HR horizontālo līniju, tai ir tikai četri unikāli atribūti (līdzinājums, nokrāsa, izmērs un platums). Pārlūks ignorēs visas pārējās HR tagā norādītās (izņemot divas iepriekš aprakstītās grupas).

    Atribūtu piemēri HR horizontālās līnijas tagā

    Dažādu atribūtu vērtības var būt vai nu patvaļīgi skaitļi (u.c.), vai vērtības no iepriekš noteiktas kopas, piemēram, piemēram, līdzināšanas gadījumā HR - pa kreisi|centrs|pa labi (varat izmantot vienu no trim līdzinājumiem opcijas).

    Kopumā informāciju par tiem WC3 validatorā var iegūt ne tikai Html tagu sarakstā, bet arī atribūtu saraksts, kuru atradīsit norādītajā saitē.

    Šajā sarakstā ir visas iespējamās opcijas visiem tagiem, kas pieejami HTML valodā. Kolonnā “Saistītie elementi” pretī jūs interesējošajai opcijai būs norādīti elementi, kuros var izmantot šo atribūtu. Kolonnā “Tips” ir norādīts datu veids, ko var izmantot kā to vērtību.

    Piemēram, attēlā pasvītrotajā rindā atribūtam align HR tagam ir atļauts izmantot tikai trīs fiksētas vērtības, kas tur ir norādītas (pa kreisi | centrā | pa labi).

    Vēl viena ļoti svarīga sleja ir “Depr”. Ja atribūtam, kas jūs interesē šajā ailē, blakus ir burts D, tad tas lietošana nav ieteicama, taču, lai to aizstātu, izmantojiet atbilstošos CSS stilus. Apskatot tagu specifikāciju, mēs arī redzējām, ka blakus visu četru HR atribūtu nosaukumiem bija rakstīts vārds “Deprecated” (nav ieteicams lietot).

    Apskatīsim, kādi atribūti tiek izmantoti ar elementiem, kurus jau esam aplūkojuši šajā rakstā (P, virsraksti H1-H6 un HR). Viņiem visiem jūs varat izmantot "līdzināt", jo visi šie elementi ir bloka elementi. Iekļautajiem elementiem atribūtam "līdzināt" nav nozīmes.

    Piemēram, ja pievienojat "līdzināt" virsraksta tagam (piemēram, H1), varat iestatīt virsraksta teksta līdzinājumu. Tie. Bloka elements aizņems visu pieejamo vietu platumā, bet šīs galvenes saturu (tā tekstu) var līdzināt vai nu pa kreisi (noklusējums), pa labi vai centrā, vai platumā (pamatot - mainās attālums starp vārdiem, kā laikrakstu slejās).

    Tas pats, starp citu, attieksies uz rindkopas P HTML tagu un Div konteineru, ja uzmanīgi aplūkosit doto ekrānuzņēmumu.

    Horizontālajai HR līnijai atribūts "līdzināt" norāda pašas horizontālās līnijas līdzinājumu, ko veido šis elements. Bet HR tags ir bloka elements, un tas platumā aizņem visu pieejamo vietu. Tāpēc ir jēga lietot "līdzināt" tajā tikai tad, ja kopā ar to jūs iestatiet atribūta “width” vērtību(platums) ir mazāks par lapas platumu.

    Vērtība “platums” var būt vienkārši skaitļi (tas iestatīs platumu pikseļos), vai arī varat izmantot procentuālo daļu no horizontālajai HR līnijai pieejamā kopējā platuma. Atribūta “size” vērtība vienam un tam pašam tagam ir norādīta skaitļos, kas norāda horizontālās līnijas augstumu pikseļos. Apskatīsim to ar piemēru:


    HR tagam Html 4.01 standartā ir vēl viens atribūts, ko sauc par vienu, jo tas nevar pārņemt nekādas vērtības (tas nozīmē tikai kādu darbību) - tā ir "nokrāsa", kas neļauj horizontālajai līnijai mest ēnu:


    Skaidrs, ka es nevarēšu apsvērt visus iespējamos atribūtus visiem iespējamajiem tagiem HTML, un tas arī nav nepieciešams, jo visu var izdarīt pēc analoģijas - galvenais ir saprast sintaksi un pašu ideju. Turklāt daudzi no tiem jau ir kļuvuši par lietošanai neiesakāmi, jo... Tagad to funkciju veic CSS stili, par ko arī sāksim detalizēti runāt pavisam drīz.

    Veiksmi tev! Uz drīzu tikšanos emuāra vietnes lapās

    Jūs varētu interesēt

    Tabulas Html — tabulas, Tr un Td tagi, kā arī Colspan, Cellpadding, Cellspacing un Rowspan to izveidei
    Iframe un Frame - kas tie ir un kā vislabāk izmantot rāmjus HTML
    Komentāru direktīvas un Doctype HTML kodā, kā arī bloku un iekļauto elementu (tagu) jēdziens
    Iegults un objekts — HTML tagi multivides satura (video, zibatmiņas, audio) attēlošanai tīmekļa lapās
    Kā ievietot saiti un attēlu (fotoattēlu) HTML - IMG un A tagi
    Vietnes HTML veidlapas - tagi Form, Input and Select, Option, Textarea, Label un citi tīmekļa veidlapu elementu izveidei
    Fonts (seja, lielums un krāsa), Blockquote un Pre-tags — mantots teksta formatējums tīrā HTML formātā (nav izmantots CSS)
    Atstarpes rakstzīmes un to koda formatējums HTML formātā, kā arī īpašas nedalāmas atstarpes rakstzīmes un citas mnemonikas
    Kā izveidot hipersaiti (A, Href, Target blank), kā to atvērt jaunā vietnes logā, kā arī padarīt attēlu par saiti HTML kodā

    Jaunums vietnē

    >

    Populārākais