Kā kļūt par tīmekļa dizaineru un tīmekļa izstrādātāju Web izstrādes kurss web dizaina kurss

Kāpēc mums būtu jāizmanto tādi tagi kā p, span, hx, ja tā vietā varam izmantot CSS? Vai tas ir svarīgi no SEO viedokļa?

  • 2 Es redzu, kā jūs varētu izmantot CSS ar span vai p tagiem, lai izliktos par hx tagiem, bet kā jūs CSS izmantotu, lai tekstu veidotu bez pat p vai span tagiem?
  • Pusei snarkiska, pa pusei nopietna atbilde ir: mēģiniet iztikt bez viņiem. Izmantot un uzziniet, vai jūs varat paveikt vēlamo tikai ar CSS. Visticamāk, ka daudz ko iemācīsities, mēģinot mērķēt uz pareizajiem laidumiem un liekot tiem rīkoties tāpat kā citiem elementiem. (Lai arī visnopietnākā mācība ir "nedari tā".)

Īsā versija ir tāda, ka dažādiem tagiem un CSS ir atšķirīgi mērķi.

Whatever

, piemēram, tam ir noteikta nozīme kopā ar lietojumu: "Šī ir galvene, svarīga - pirmā līmeņa" un tā tālāk. Daži parsētāji arī izmanto hx tagus (un citus), lai izveidotu dokumenta struktūras izklāstu, ko var izmantot visam, sākot no datu apstrādes līdz pieejamībai (piemēram, ekrāna lasītāji pāriet uz nākamo jautājumu tīmekļa pārziņu mājas lapā, pārejot uz nākamo h3). .

Jūs nevarat noraidīt semantiskos tagus, pamatojoties uz to, ko jūs varat darīt ar CSS, un otrādi.
Lai to izveidotu, varat izmantot CSS citam tagam Skaties tāds pats kā h1, piemēram: Whatever bet tas joprojām nepadara šo span tagu par faktisku galveni funkcijas un semantikas ziņā. Šajā gadījumā šī kontūra, uz kuru es iepriekš saistīju, būtu diezgan neiespējama, jo šie laidumi nav galvenes, bet tikai daži teksti, kurus jūs patvaļīgi padarījāt lielus un drosmīgus.

Atzīmes un prezentācija ir atšķirīgas

Tas ir mazliet līdzīgs jautājumam "kāpēc mums vajadzētu būt sienām, kad mums ir krāsa?" :)

HTML tagi apzīmē kāds ir jūsu saturs - tas ir virsraksts, tas ir saraksts utt.

CSS apzīmē kādam vajadzētu būt jūsu saturam - virsrakstiem jābūt ziliem, sarakstiem jābūt tik ievilktiem, izvēlnei jābūt kreisajā pusē utt.

Javsascript stāsta kā jūsu lapai vajadzētu izturēties - animācijas utt.

Tātad, bez HTML satura CSS un Javascript tiešām nav pie kā strādāt.

Šīs kategorijas nav simtprocentīgi melnbaltas - piemēram, CSS tagad var norādīt “pārejas”, kas ir animācijas, taču tās ir pamatideja.

Lūdzu, skatiet iepriekšējās diskusijas par šo tēmu vietnē StackOverflow šeit un šeit.

Labs uzcenojums ietaupa daudz pūļu un darbojas labāk

Ja vēlaties, lai kaut kas rīkotos kā saite, varat to izmantot un izmantojiet virkni CSS un JS, lai tas izskatītos un justos pareizi. Or jūs varat vienkārši izmantot elementu un iegūstiet to visu bez maksas, bez papildu lejupielādējama koda, jo pārlūkprogrammas jau zina, kas jādara, un loģika tiek ieviesta ātrā, vietējā kodā. Plus tas, visticamāk, pareizi darbosies ekrāna lasītājos, mobilajās pārlūkprogrammās, meklētājprogrammās, apkopotājos un citos lietošanas gadījumos, par kuriem jūs neiedomājāties.

Tāpēc arī jums vajadzētu izmantot a <button> darbībām, uz kurām var noklikšķināt, a <label> marķēt an <input>un a

lapas galvenajai sadaļai.

Cik labs uzcenojums ietekmē SEO

SEO pamatā ir meklētājprogrammu pārliecināšana, ka jūsu saturs vislabāk atbilst meklēšanas vienumam. Acīmredzot neviens Google tīklā personīgi nelasa katru tīmekļa lapu un nerindē to.

Tāpēc, lai meklētājprogrammas zinātu, kāds ir jūsu saturs, programmai tas ir jāanalizē.

Un hei, skaties! Mums ir visa šī valoda ar nosaukumu HTML, kas domāta jūsu satura apzīmēšanai mašīnām saprotamā veidā! :)

Tāpēc jā, skaidrs marķējums palīdzēs meklētājprogrammām labāk indeksēt jūsu lapas.

Lietojot ekstrēmu piemēru, ja jūsu lapas virsraksts patiesībā bija fotogrāfija, kuru esat uzņēmis no avīzes virsraksta, tas varētu izskatīties interesanti, un cilvēki to var izlasīt lieliski, bet meklētājprogrammai tas būtu tikai attēls bez nozīmes . Tā kā

Turtle Groomer 5000

meklētājprogrammām skaidri norāda, ka jums ir produkts, kas atvieglo sēklu higiēnu.

  • 2 "Kāpēc mums vajadzētu būt sienām, kad mums ir krāsa?" ~ Tas ir brīnišķīgs jautājums? Paldies!
  • Es domāju, ka tagu nosaukumi ir mulsinošā marķējuma daļa - H1, H2 utt. Var izmantot ekrāna lasītāji, kā arī cilvēki, kuri to aplūko. To sakot, 99% pasaules redzēs lapu, un tāpēc tas, cik vien tas satrauc SEO mīļotājus, H tagus ir vizuālie marķieri, tāpat kā nozīmēja drosmīgu reizi.
  • @ChrisS - es nedomāju, ka tas ir mulsinoši. Tagi ir vienmēr domāts mašīnu lasīšanai; kas ietver pārlūkprogrammas tikpat daudz kā ekrāna lasītāji. Un nē, an

    tiešām nav vizuāls marķieris. Lielākā daļa pārlūkprogrammu to parādīs lielu un treknu, ja viņiem nav norādīts citādi, bet lapas stili vai paša lietotāja vēlēšanās to var ignorēt.

    ir nozīmes rādītājs: "tas ir mans galvenais virsraksts". Ja vietne vai lietotājs vēlas, lai galvenie virsraksti būtu mazi un oranži, to viņi redzēs.

  • 1 "tāpat kā vienreiz nozīmēja drosmīgi "- vai kāds mainīja jēgu nepasakot man? Tā joprojām nozīmē treknrakstā, vai ne? Protams, es dodu priekšroku semantiskiem tagiem, un

Lūdzu, padomājiet arī par cilvēkiem ar kaut kādiem traucējumiem, kuriem (piemēram) ir jāizmanto Braila lasītājs. Šādos gadījumos html tagiem ir daudz lielāka nozīme nekā vizuālajiem CSS stiliem.

Su atbildēja uz semantisko daļu. Attiecībā uz SEO jūs atradīsit, ka h1 elementam meklētājprogrammas piešķir lielāku nozīmi nekā citiem tagiem. H2 / b / strong tagiem tiek piešķirts nedaudz lielāks svars nekā parastajam tekstam.

Lielākā daļa citu tagu ir diezgan vienādi, taču jums vienmēr jāizmanto vispiemērotākais tags šim darbam. Google nesen ir sācis parsēt tabulas, ja tās izmanto tabulas datiem, un cits atbilstoši izmantots HTML var dot signālus, kuriem saturs ir svarīgāks par citiem.

  • Tas ir interesanti. Vai jums tam ir avots?
  • 3 @ user606723 kura daļa? Pirmā rindkopa ir pamatzināšanas par SEO un minētas Google paša SEO rokasgrāmatā (PDF). Es nezinu, vai tabulu lieta ir kaut kur dokumentēta, bet es to esmu redzējis pāris reizes meklēšanas rezultātos - viņi uzskaita 2-4 rindas no tabulas mērķa lapā.
  • 1 atjauninājums: šeit ir viena ziņa, kurā pieminētas SERP tabulas: googlesystem.blogspot.com/2011/11/…

HTML5 skatiet HTML5 treknrakstu un kursīvu.

Kopsavilkums:

Izmantot kad vēlaties, lai tekstam būtu cits stils bez konteksta nozīmes, bet izmantojiet kad vēlaties, lai tekstam būtu īpaša nozīme no satura vai SEO viedokļa.

Izmantot lai kompensētu teksta noskaņu, bet izmantojiet padarīt tekstu uzsvērtu.

  • 3 Nr. un ir novecojuši. Ja vēlaties, lai teksts izskatās grunts / kursīvs, izmantojiet CSS. Ja vēlaties nodot treknraksta / kursīva teksta nozīmi, izmantojiet un .
  • 4 @iconiK Kurš ir novecojis? Es sapratu arī to, ka HTML5 standartā tas bija "novecojis". Nopietna iemesla dēļ - ir daudz tradicionālu slīpraksta lietojumu, izņemot uzsvaru (piemēram, grāmatu nosaukumi vai svešvārdi) - ja tagam “kursīvam” ir skaidri [nevis semantiskam tagam], tas neatšķiras no tieša lielo burtu ievietošanas un pieturzīmes. Ja vēlaties izmantot , lai gan ...
  • 1 tas ir novecojis, jo HTML nevajadzētu vispār definēt prezentācijas formatējumu. Tas ir iemesls, kāpēc mēs CSS ierakstām css failos (un ne iekšēji), tāpēc mums ir atšķirīgi stili cilvēkiem, printeriem, ekrāna lasītājiem, mobilajiem, ebook lasītājiem utt., Safari lasītājiem utt.
  • 3 @sod es nejautāju kāpēc tas ir novecojis, es apstrīdēju apgalvojumu, ka tas vispār ir novecojis. Un nav skaidrs, kāpēc kursīvs ir vairāk "prezentācijas formatējums" nekā lielie burti un pieturzīmes. Tā ir daļa no satura.
  • 2 @iconiK, "praktiski novecojis", nav nozīmes apgalvojumam, vai kaut kas ir novecojis. Ņemot vērā, ka tie ir norādīti HTML5 spec un nekādā gadījumā nav uzskaitīts kā novecojis, ES būtu ly paziņo, ka viņi ir novecojis.

Turklāt neaizmirstiet semantikas nozīmi lietotājiem ar invaliditāti. Ekrāna lasīšanas programmatūra ir atkarīga no šīs semantikas, lai neredzīgajiem parādītu nepieciešamo kontekstu, kuru viņi zaudē invaliditātes dēļ.

Pirmkārt, is ir diezgan svarīga atzīme, jo tā definē virsrakstus, kā citi minēja. Virsraksti ir ļoti noderīgi ne tikai izskata dēļ, bet arī tāpēc, ka tie nodala sadaļas tā, kā līdzīgi cilvēki to nevar. Vienkārši ieskatieties, piemēram, Vikipēdijā. Dažas programmas ir atkarīgas no šāda veida tagiem, lai "sadalītu" dokumentus vai pat izveidotu automātisku satura rādītāju. Meklētājprogramma pieņem, ka teksts a

tags būtu svarīgāks, jo tas ir virsraksts - nosaukums.

Turklāt, lai gan stila lapas ir lieliskas, dažas ierīces ignorēs stilu lapas un koncentrēsies tikai uz HTML, kur tagam patīk noderēs. Ja stila lapas tika atspējotas vai tās ielādē radās problēma (piemēram, interneta savienojuma problēmas), teksts joprojām tiek formatēts. varētu arī pateikt, ka it kā ir jāuzsver vārds, turpretī kursīvs vien var būt jebkas, sākot no filmas nosaukuma un beidzot tikai ar to, ka attēla uzraksts atšķiras no parastā teksta. To var izmantot tie, kas izmanto invaliditātes rīkus, kuri citādi nespēj uztvert uzsvaru kopumā.

, no otras puses, lielā mērā ir

tagu, un, ja kas, tas var vienkārši ietaupīt jūs no nepieciešamības ierakstīt papildu klasi (ar to sakot, vai tiešām vēlaties izmantot tā vietā par katru slīprakstu, kas jums ir? Tas padara kodu grūtāk lasāmu, mazāk standartizētu (pieļaujot, ka lielākā daļa cilvēku pēdējo izmantotu pār pirmo), un tas nekādā veidā neuzlabo dokumentu.

noder arī cilvēkiem ar invaliditāti, jo tas nodrošina teksta sadalīšanu pārvaldāmās rindkopās tādā veidā, lai
nevar.

Protams, mēs varam teikt, ka HTML nebija paredzēts stilam, bet starp dizainu un stilu ir smalka līnija; un, atklāti sakot, es teiktu, ka uzskatiet to par lietotāja izvēli. Vai jūs izmantojat vai , tas ir atkarīgs no jums un nemainīs SEO. Galu galā, kāpēc mūs ierobežot tikai ar vienu veidu, kā darīt lietas? (piemēram, kā mēs varētu izvēlēties semikolu lietošanu JavaScript rindiņu galos vai nē - es tos vienmēr lietoju, bet citi tos nekad neizmanto, un funkcionalitātei nav nekādas atšķirības.)

strādāja par jums: Charles Robertson | Vēlies ar mums sazināties?

noderīga informācija