Satura nošķiršana no konstrukcijas padara vietnes pārvaldību vieglāku
CSS (kaskādes stila lapas) ir de facto veids, kā veidot un noformēt vietnes. Dizaineri izmanto stilu lapas, lai informētu pārlūkprogrammu, kā jāizvieto vietne izskatu un izskatu ziņā, aptverot tādus faktorus kā krāsa, atstarpes, fonti un vēl daudz vairāk.
CSS stilus var izvietot divos veidos:
- Inline - pašā tīmekļa lapas kodē, atsevišķi, atsevišķi pēc elementa
- Atsevišķā CSS dokumentā, uz kuru vietne ir saistīta
CSS paraugprakse
"Labākās prakses" ir tādu tīmekļa vietņu izstrādes un izveidošanas metodes, kas ir izrādījušies visefektīvākās un dod vislabāko atdevi attiecīgajam darbam. Sekojot tiem CSS tīmekļa dizains palīdz tīmekļa vietnes izskatu un funkcionalitāti, kā arī iespējams. Viņi ir attīstījušies vairāku gadu laikā kopā ar citām tīmekļa valodām un tehnoloģijām, un atsevišķa CSS stilu tabula ir kļuvusi par vēlamo lietojuma metodi.
Izmantojot CSS paraugpraksi, varat uzlabot jūsu vietni šādos veidos:
- Atdala saturu no dizaina. Viens no CSS galvenajiem mērķiem ir no HTML izņemt dizaina elementus un novietot tos citā vietā, lai dizaineris tos uzturētu. Tas arī palīdz nošķirt dizainerus no izstrādātājiem, lai katrs varētu koncentrēties uz viņu kompetences jomām. Dizaineram nav jābūt izstrādātājam, lai saglabātu tīmekļa vietnes izskatu.
- Uzlabo apkopi. Viens no visvairāk aizmirst elementiem web dizains ir uzturēšana. Atšķirībā no drukātajiem materiāliem vietne nekad nav "viena un pabeigta". Saturs, dizains un funkcija var un vajadzētu attīstīties laika gaitā. Ņemot CSS centrālo vietu, nevis pārkaisa visā mājas lapā, lietas ir daudz vieglāk uzturēt.
- Nodrošina jūsu vietnes pieejamību. CSS stila izmantošana palīdz meklētājprogrammām un personām ar invaliditāti mijiedarboties ar jūsu vietni.
- Saglabā jūsu vietni ilgāk. Izmantojot paraugpraksi ar CSS, jūs ievērojat standartus, kas ir izrādījušies stabili, bet pietiekami elastīgi, lai pielāgotos izmaiņām tīmekļa dizaina vidē.
Inline Styles nav labākā prakse
Inline stili, kamēr tie ir mērķis, parasti nav labākais veids, kā uzturēt jūsu vietni. Viņi pārkāpj katru labāko praksi:
- Inline stili nesadala saturu no dizaina. Inline stili ir tieši tādi paši kā iegultais fonts un citi neticami dizaina tagi, ko mūsdienu izstrādātāji iebilst pret. Stili ietekmē tikai konkrētus atsevišķus elementus, uz kuriem tie tiek pielietoti; lai gan tas var dot jums vairāk granulu kontroli, tas arī padara vēl citus dizaina un izstrādes aspektus - piemēram, konsekvenci - grūtāk.
- Inline stili izraisa uzturēšanas galvassāpes. Kad jūs strādājat ar stilu tabulām, ir grūti noteikt, kur stila iestatīšana ir noteikta. Ja izmantojat inline, iegulto un ārējo stilu kombināciju, jums ir daudzas atrašanās vietas, lai pārbaudītu. Ja jūs strādājat ar tīmekļa dizaina komandu vai jums ir jāpārstrādā vai jāuztur kādas citas vietnes izveidota vietne, tad jums būs vēl vairāk problēmu. Kad esat atradis stilu un mainījis to, jums tas jādara ar katru elementu katrā lapā, kur tas ir ievietots. Tas palielina laiku un darba budžetu astronomiski.
- Inline stili nav tik pieejami. Kaut arī mūsdienīgs ekrāna lasītājs vai cita palīgierīce var efektīvi apstrādāt iebūvētos atribūtus un tagus, dažām vecākām ierīcēm nevar būt, kas var izraisīt dažas dīvainas tīmekļa lapas. Papildu rakstzīmes un teksts var ietekmēt arī to, kā meklētājprogrammas robots apskata jūsu lapu, tādēļ jūsu lapa nedarbojas arī meklētājprogrammu optimizācijas (SEO) ziņā.
- Inline stili padarīs jūsu lapas lielākas. Ja vēlaties, lai jūsu vietne parādās noteiktā veidā, varat to izdarīt vienu reizi ar sešām koda rindām ārējā stilu tabulā. Tomēr, ja jūs to izdarāt ar inline stiliem, jums jāpievieno šie stili katram jūsu vietnes punktam. Ja jums ir piecas CSS rindiņas, tas ir piecas rindiņas, kas reizinātas ar katru punktu jūsu vietnē. Šis joslas platums un ielādes laiks var strauji palielināties.
Inline Styles alternatīva: ārējās stilu lapas
Tā vietā, lai izmantotu inline stilus, izmantojiet ārējās stilu lapas . Tās sniedz jums visas CSS labākās prakses priekšrocības, un tās ir viegli lietojamas. Šādi izmantojot visus stilus, kas tiek izmantoti jūsu vietnē, dzīvo atsevišķā dokumentā, kas pēc tam tiek saistīts ar tīmekļa dokumentu ar vienu koda rindiņu. Ārējās stilu lapas ietekmē visus dokumentus, kuriem tie ir pievienoti. Tas nozīmē, ka, ja jums ir 20 lappušu vietne, kurā katra lapa izmanto to pašu stilu lapu - kas parasti ir tā, kā tas ir paveikts - jūs varat mainīt katru no šīm lapām, vienreiz rediģējot šos stilus vienā vietā. Vienu vietu maiņa stilā ir neierobežoti ērtāka nekā šīs kodēšanas meklēšana katrā tīmekļa vietnes lapā. Tas padara ilgtermiņa vietnes pārvaldību daudz vienkāršāku.