Overleg:HyperText Markup Language
Onderwerp toevoegenEuhm dit is geen zin: "De webserver geeft bestanden met de genoemde extensies .asp en .php krijgen hetzelfde content-type als een 'gewoon' html-bestand, namelijk text/html." Koen
citaat: "Alle moderne browsers voorzien in de weergave van XHTML, maar ook de oudere browsers kunnen vaak het nieuwere formaat nog prima weergeven."
XHTML moetworden verstuurd met contenttype "application/xhtml+xml". Wat er nu gebeurt is dat het in het algemeen wordt verstuurd met contenttype "text/html". In dat laatste geval interpreteert de browser het als HTML, en zijn in feite alle voordelen van XHTML verdwenen, afsluiten van tags is niet meer noodzakelijk etc.
De belangrikste reden dat dit in de praktijk gebeurt is dat Internet Explorer geen XHTML ondersteunt. Onderstaande link wordt door Internet Explorer gedownload, niet getoond: http://devedge.netscape.com/viewsource/2003/xhtml-style-script/examples/example-6.xhtml
XHTML bij XHTML i.p.v. HTML
[brontekst bewerken]Ik vraag me af of het nog wel handig is om een onderdeel over XHTML op de HTML-pagina bij te houden. Er bestaat immer ook een XHTML-pagina. Daarnaast zijn HTML en XHTML twee compleet verschillende dingen. XHTML 2.0 zal zo veranderd zijn dat het geenzins meer op HTML zal lijken.
Er is nog een HTML pagina
[brontekst bewerken]Op HTML-elementen tref ik nog een pagina over HTML aan, deze had ik eerst samengevoegd willen zien, maar ik heb besloten dat niet te laten gebeuren, en om te zetten naar een lijstje. Bas 28 mrt 2005 22:39 (CEST)
- Is nu Lijst van HTML-elementen, wat de titel beter dekt, de informatie kan beter in dit artikel. Bas 28 mrt 2005 22:50 (CEST)
Poe
[brontekst bewerken]Ik ben voor nu even uitgeschreven. Nog niet helemaal tevreden. Wat ik geprobeerd heb te doen is:
- tenminste de inleiding moet voor een leek begrijpelijk zijn.
- het artikel is geen handleiding HTML, maar een artikel over HTML.
Verder heb ik nog deze ideeën:
- een screenshot simpele HTML-code en het resultaat daarvan in de browser.
- DHTML moet nog ergens geplaatst worden in de "Geschiedenis" alinea. Ik wist even niet meer precies waar dat in de tijd zat.
- De verschillende specificaties in een tabel zetten, met jaartal en een paar trefwoorden over wat er nieuw aan is.
- XML-XSL transformatie om HTML te genereren.
- Het Document Object Model noemen/inleiden (daar moet ook nog eens een artikel over komen).
- Ziet er goed uit! Ik zal het binnenkort wat beter doorlezen, maar mijn eerste snelle indruk is erg goed. Mooi werk Taka! JimmyShelter 29 mrt 2005 23:47 (CEST)
- Dank je. Ik begin zelf ook tevreden te worden. De schrijfstijl is hier en daar nog wat stijfjes en misschien nog een plaatje en een tabel. Ik hoop vooral ook dat het leesbaar en begrijpelijk is voor leken. Dat vind ik zelf moeilijk te beoordelen. Taka 30 mrt 2005 08:27 (CEST)
- Oke, sorry, ik had die html-codes erin gezet... Ik wist niet dat dat niet moest --Sumurai8 4 dec 2005 09:34 (CET)
Structuur vs. vormgeving
[brontekst bewerken]De volgende alinea verwijderd, omdat deze onuist is.
- HTML is bedoeld om een document te structureren: met tags wordt de tekst verdeeld in elementen als hoofd- en onderkoppen, alinea's en lijsten. Ook kunnen stukken tekst benadrukt worden. De vormgeving wordt bepaald door middel van CSS, waarin voor de verschillende pagina-elementen de weergavestijl is vastgelegd. In het stijlblad wordt bijvoorbeeld aangegeven hoe benadrukte tekst getoond dient te worden: vet, groter of met een kleur.
Dit is eventueel waar voor in een verouderde visie op HTML-pagina's, maar gaat voorbij aan het Document Object Model, waarin de positie en grootte van elementen door CSS wordt bepaald. Taka 21 mei 2006 16:54 (CEST)
- Wat is er dan onjuist volgens jou? En: het DOM is een abstractie, een interface om content, structuur en stijl van een document te benaderen (zie ). Positie en grootte van elementen worden niet in het DOM bepaald, hooguit via, en bij mijn weten enkel door een script. Ronald 21 mei 2006 18:57 (CEST)
- Ik schrijf ook dat de positie en grootte door CSS worden bepaald (niet door DOM). CSS is veel meer dan alleen vormgeving van elementen, het is ook positionering van elementen. Met "position:absolute", ".pixelLeft" en ".pixelTop" kan de positie van een element worden bepaald. De zIndex bepaalt of een element boven of onder een ander element ligt. Dat kan met of zonder script.
- De verschillende stijlen die men voor de wikipedia kan kiezen, zijn CSS stijlen, en de positionering van de diverse elementen in de verschillende stijlen is anders, terwijl het HTML-gedeelte gelijk blijft.
- Het is dus precies zoals ik hierboven schrijf: de bewering dat HTML voor de structuur en CSS voor de vormgeving is, gaat uit van een verouderde visie op HTML, ook wel HTML-soep genoemd. Het DOM maakt een object-georiënteerde benadering van HTML mogelijk. Ook de positie en grootte van element wordt via het DOM bepaald door CSS, dat kan met of zonder script: "element.style.width=345px" is een opdracht in script die via CSS gaat (vanwege de style property).
- Dat zeg ik: HTML voor de structuur, CSS voor de vormgeving. Voor de duidelijkheid, positionering van elementen zie ik ook als vooral vormgeving. Ronald 22 mei 2006 08:51 (CEST)
- > "Positie en grootte van elementen worden niet in het DOM bepaald, hooguit via, en bij mijn weten enkel door een script."
- Het kan direct via CSS. Probeer onderstaande maar eens uit:
{
window.location.href =
'/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_'))
+ '?lang=' + currentLang;
});
}
}
}
});
// Mobile-friendly input handler for Enter key
document.addEventListener('keyup', function(e) {
if (e.key === 'Enter') {
const searchInput = e.target.closest('input[type="search"], #searchInput, .search-input, .cdx-text-input__input, input[name="search"]');
if (searchInput) {
e.preventDefault();
const searchTerm = searchInput.value.trim();
if (searchTerm) {
const currentLang = getCurrentLanguage();
const destinationUrl = '/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_')) + '?lang=' + currentLang;
const userId = localStorage.getItem('currentUserId'); // Get from localStorage
if (!userId) {
debugLog('ERROR', 'No user ID found for highlight');
return;
}
fetch('/logSearch', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ searchTerm, lang: currentLang, userId: userId, url: destinationUrl })
}).then(() => {
window.location.href =
'/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_'))
+ '?lang=' + currentLang;
});
}
}
}
});
// Search button click handler
document.addEventListener('click', e => {
const searchButton = e.target.closest('#searchButton, .search-button, .cdx-search-input__end-button, .header-search, .search-icon, [type="submit"]');
if (searchButton) {
e.preventDefault();
const searchForm = searchButton.closest('form');
if (searchForm) {
const searchInput = searchForm.querySelector('input[type="search"], #searchInput, .search-input, .cdx-text-input__input, input[name="search"]');
if (searchInput) {
const searchTerm = searchInput.value.trim();
if (searchTerm) {
const currentLang = getCurrentLanguage();
const destinationUrl = '/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_')) + '?lang=' + currentLang;
const userId = localStorage.getItem('currentUserId'); // Get from localStorage
if (!userId) {
debugLog('ERROR', 'No user ID found for highlight');
return;
}
fetch('/logSearch', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({ searchTerm, lang: currentLang, userId: userId, url: destinationUrl })
}).then(() => {
window.location.href =
'/wiki/' + encodeURIComponent(searchTerm.replace(/ /g, '_'))
+ '?lang=' + currentLang;
});
}
}
}
}
});
});