Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
Toe maar! Je wilt dus "batch conversion".... aangezien je in Gimp niet hele mappen met foto's kan comprimeren.
Perfect? Zoiets hier nooit hardop zeggen!... wil mijn website goed, snel en "perfect" maken.
<!DOCTYPE html><!-- HTML 5 -->
<html dir="ltr" lang="nl-NL">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
En wat kan ik daar aan doen? Wat mij zegt het helemaal niets.Wat me opeens opvalt: er zitten ruim 400 code-regels aan "embedded css" in de <head> (en deels in de <body>!) van elke pagina! Dat is ongeveer 1/3 van het totale aantal html-coderegels van een pagina. Als die regels in een apart stylesheet worden gezet, hoeven ze niet elke keer meegenomen te worden, want dan zijn ze al aanwezig op de kast van de bezoeker. Snelheidswinst!
Hoi Femke,
Perfect? Zoiets hier nooit hardop zeggen!
En ook niet zachtjes zeggen!
En zelfs niet fluisteren.
=======
De overdaad aan html-errors wordt er in geplugd door het Wordpress-CMS (met ongeldige rel="..." eigenschappen), daar kan jij ook niets aan doen.
Maar weer wel een beetje. Want als je kans ziet om het Doctype te veranderen van:
naar:HTML:<!DOCTYPE html><!-- HTML 5 --> <html dir="ltr" lang="nl-NL">
... dan blijven er nog maar zo'n 20 "echte fouten" over.HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
Daar kan je altijd nog eens naar kijken.
=======
Wat betreft de css-errors: die zitten vooral in de browser-specifieke codes om alle browsers hetzelfde te laten doen. Daar zou ik me niet al te druk over maken.
Wat me opeens opvalt: er zitten ruim 400 code-regels aan "embedded css" in de <head> (en deels in de <body>!) van elke pagina! Dat is ongeveer 1/3 van het totale aantal html-coderegels van een pagina. Als die regels in een apart stylesheet worden gezet, hoeven ze niet elke keer meegenomen te worden, want dan zijn ze al aanwezig op de kast van de bezoeker. Snelheidswinst!
Met vriendelijke groet,
CSShunter
<!DOCTYPE html><!-- HTML 5 -->
<html <?php language_attributes(); ?>>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
Correct! Ik vermoedde al dat het in de header.php geregeld zou worden, maar omdat het dat een php-onderdeel van het CMS is, kan ik dat niet zien.Moet ik dan die header.php veranderen in wat jij zegt: ...
Ehm, ja, die is dus goed ... als het goed is.Deze pagina bevat een strikte DOCTYPE en bevat geen inline styles. (die is dus goed)
Dat is dus in strijd met de bewering dat het een mooie Strict is!De DOCTYPE van de pagina lijkt ongeldig te zijn. (die niet)
De eerste zin hebben ze gelijk in: liefst Strict. Maar dat is hier onmogelijk/onwenselijk, want er staan links in die op een nieuw tabblad moeten openen. Dan kan er geen Strict gebruikt worden.Bij het aanpassen van een bestaande website: gebruik van HTML 4.01 of XHTML 1.0 alleen de Transitional variant als het gebruik van de Strict variant onmogelijk of onwenselijk is.
Er is geen geldige DOCTYPE gevonden. (die ook niet)
Ja, en er staan nog een paar merkwaardige opmerkingen bij:en dan zijn er nog 2 die iets aangeven van het DocType.
Specificeer de basistaal van een pagina in de markup. - Er is geen basistaal voor de pagina gespecificeerd.
Specificeer de UTF-8 karakterset. - De UTF-8 karakterset is niet gespecificeerd.
Specificeer de karakterset voor webpagina's. - 1601 geen karaktersetclass locationresultmodel { var $in_cmd = NULL; var $in_wid = NULL; var $in_cid = NULL; var $in_lid = NULL; var $in_aid = NULL; var $in_user = ... enz enz.
En ééééé, daar komt de orang-oetang uit de mouw!Gebruik (minstens) het meta element voor het specificeren van de karakterset en plaats dit element zo hoog mogelijk in de head sectie van de markup.
- Er is geen meta tag gevonden waarmee de karakterset wordt gespecificeerd.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<title><?php bloginfo('name'); if(is_home() || is_front_page()) { echo ' - '; bloginfo('description'); } else { wp_title(); } ?></title>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="wrapper">
<div id="header">
<div id="logo">
<?php
$options = get_option('themezee_options');
if ( isset($options['themeZee_general_logo']) and $options['themeZee_general_logo'] <> "" ) { ?>
<a href="<?php echo home_url(); ?>"><img src="<?php echo esc_url($options['themeZee_general_logo']); ?>" alt="Logo" /></a>
<?php } else { ?>
<a href="<?php echo home_url(); ?>/"><h1><?php bloginfo('name'); ?></h1></a>
<?php } ?>
</div>
<div id="navi">
<?php
// Get Navigation out of Theme Options
wp_nav_menu(array('theme_location' => 'main_navi', 'container' => false, 'menu_id' => 'nav', 'echo' => true, 'fallback_cb' => 'themezee_default_menu', 'before' => '', 'after' => '', 'link_before' => '', 'link_after' => '', 'depth' => 0));
?>
</div>
</div>
<div class="clear"></div>
<?php if( get_header_image() != '' ) : ?>
<div id="custom_header">
<img src="<?php echo get_header_image(); ?>" />
</div>
<?php endif; ?>
<div id="wrap">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl"><head> <script type='text/javascript' src='http://www.hsvnaardenbussum.nl/wp-content/plugins/wp-minify/min/?f=wp-includes/js/jquery/jquery.js&m=1333311216'></script> <meta
http-equiv="Content-Type" content="text/html; charset=UTF-8" /><link
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.