HTML-codes in Safari Vs. Firefox
Het verschil in de manier waarop browsers de Web-programmeertaal HTML noemen, is al lang een vloek voor webontwikkelaars en hobbyisten. Als u een professionele ontwerper bent, moet u weten welke codes Firefox mogelijk ondersteunt en welke codes Safari gebruikt om ervoor te zorgen dat bezoekers een uniforme en functionele ervaring hebben, ongeacht hun browser. Gelukkig ondersteunen beide browsers de meeste moderne codes en kun je stappen ondernemen om compatibiliteit met verschillende browsers in je ontwerpen te bevorderen.
Renderen van motoren
Firefox en Safari gebruiken verschillende rendering engines, wat het verschil in de weergave van uw webpagina veroorzaakt. Firefox gebruikt de Gecko van Mozilla, die ook Thunderbird en SeaMonkey aanstuurt. Safari is daarentegen een van de browsers die Webkit gebruiken, een rendering-engine die oorspronkelijk was gebaseerd op KDE's KHTML- en KJS-bibliotheken. Chrome is een andere browser die Webkit gebruikt, dus de twee browsers produceren vaak vergelijkbare resultaten die verschillen van het scherm van Firefox.
HTML5 ondersteuningsverschillen
Hoewel Firefox en Safari jaren hebben gehad om HTML 4.01 te ondersteunen, is de HTML5-specificatie niet helemaal universeel. Firefox maakt een aantal tags waarmee Safari nog niet compatibel is, en het tegenovergestelde is ook waar. Zo ondersteunt Firefox PCM-audio en apparaatoriëntatieherkenning, terwijl Safari dat niet doet. Aan de andere kant toont Safari ondertitels met multimedia-inhoud en kunt u formuliervelden specificeren als nummers, bereiken of sleutelgeneratoren, terwijl Firefox op dit aspect achterblijft.
Betekenis
Als u PCM-audiobestanden gebruikt als onderdeel van uw webpagina's, hebben Safari-bezoekers mogelijk geen toegang tot uw audio. Op dezelfde manier kunt u de HTML5-functie gebruiken om webapps te maken in de desktopversie van Firefox waarmee de browser de richting van het apparaat kan bepalen en de oriëntatie van de app kan wijzigen. Safari bevat deze oriëntatiesteun in zijn mobiele versie. Bovendien kunt u beter bepalen welke tekens een formulier in Safari zou toestaan. Niettemin betekent het verschil in HTML5-ondersteuning zelden dat uw websites in beide browsers totaal anders of totaal onbruikbaar zullen zijn.
overwegingen
Veel van de verschillen die u mogelijk ondervindt bij het coderen, verdwijnen wanneer u een documenttype opgeeft aan het begin van uw HTML-document. Hiermee wordt de browser geïnstrueerd hoe de HTML wordt weergegeven op basis van welk type, zoals XHTML, HTML 5 of HTML met frames, dat u gebruikt. Het toevoegen van het doctype, zoals voor HTML 5, voordat u uw volledige pagina codeert, kan een deel van de frustratie voorkomen die u ondervindt wanneer u geen documenttype gebruikt.