16. Elementu, ID un klases atlasītāji || tīmekļa izstrādes kurss || CSS pilns kurss

Kad dodos uz W3C validatora pakalpojumu, izmēģinu, vai tas sūdzas par elements ar šo piemēru:

 <html lang='en'> <head> <title>Title</title> <meta charset='utf-8'/> </head> <body>  </body> </html> 

Kļūda, kuru es atguvu, saka:

Kļūda: elementa ikona šajā kontekstā nav atļauta kā elementa ķermeņa pakārtotais elements. (Nomācot turpmākas kļūdas šajā apakškokā.)

No 8. rindas 2. slejas; uz 8. rindas 7. kolonnu

Satura modelis elementa ķermenim: plūsmas saturs.

Daļa, kurā teikts "nav atļauts kā bērns", man ieteica elements kā tāds faktiski var pastāvēt, bet ir paredzēts kaut kam citam, un tāpēc strukturāli tur neder. Bet, kad es eju uz MDN HTML elementu atsauci, nav uzskaitītais elements.

Tomēr tā lietošana darbojas (es varu to izmantot, lai parādītu Fontawesome ikonu) un redzot, kā HTML5 liek domāt, ka mums ir atļauts veidot savus elementus (un Angularjs aizstāv patvaļīgus elementu nosaukumus direktīvās), vai tiešām būtu slikti izmantot tas praksē?

Vai tas būtu slikti SEO? Vai lasītāji sūdzētos? Vai parseri sūdzētos? Vai tas nebūtu drošs nākotnē?

  • 3 Saistītie: vai pielāgotie elementi ir derīgi HTML5?
  • Pārlūkprogrammām ir jādara viss iespējamais, izmantojot nederīgu marķējumu, taču jūs nevēlaties, lai pārlūkprogrammas uzminētu jūsu nodomus. Pārlūkprogrammas to uztvers kā "tagu zupu". Google par to. Tas arī nav pierādījums nākotnei. Nav tādas lietas kā tāpēc nelietojiet to, izņemot kā pielāgotu elementu, kā parādīts saitē ar @MaximillianLaumeister, bet es nezinu, vai šī saite ir atjaunināta vai nē.
  • Yup, @ MaximillianLaumeister saite ir pareizs risinājums, jo tas apraksta, kā tiek deklarēti pielāgotie elementi. Precīzāk, viņiem savā vārdā jāiekļauj domuzīme. Pat manā W3C validatora koda piemērā, ja es vienkārši pārdēvēju uz , tas apstiprina.
  • Paturiet prātā, ka pielāgotie elementi darbojas tikai pārlūkos Chrome un Firefox. Viņa saite arī neatbild uz jūsu jautājumiem.

Divas lietas:

  1. Iekļaujiet atsauces saiti savā <head></head> tāpat kā saistītu CSS failu: <link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
  2. Norādiet savu cloud

Jūs varat uzzināt vairāk par to W3Schools ikonu apmācībā

Pievienots
Es tajā piekrītu @unor, ir vēl viens veids, kā atsaukties uz ikonu. Šķiet, ka starp tām ir dažas nopietnas debates un , bet šķiet, ka abas metodes darbojas. Es varu saprast, ka viena persona teiktu, ka W3C to izmanto ir pareizs. Galu galā viņi nosaka visas specifikācijas. Tomēr ... kad to izmanto lielas, globālas firmas (aka Google) ... labi, pieņemsim tikai teikt, ka, izmantojot tik drīz nebeigsies.

Avoti, kas atbalsta programmu tags:
W3.CSS ikonas piemin ka abi un var izmantot (bet to piemēri izmanto .)
Google: Materiālu ikonu ceļvedis

Avoti, kas atbalsta programmu tags:
W3C ikonas fonts
CSS triki: HTML ikonu fontu lietošanai
Bootstrap's UseIconic fontu ieteikums norāda HTML un par SVG, un
Fonts Awesome: pamata lietojums ilustrē abus, iesaiņojot tagus (lai gan tas man šķiet nedaudz lieks).

Es domāju, ka mūsu labākais risinājums būs lēmumi, kuru pamatā ir programmēšanas valoda un ikonu lietošana.

  • 1 i elements nav pareiza izvēle. Izmantot span tā vietā.
  • @unor rediģēja atbildi

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

noderīga informācija