Die Verwendung der Attribute " nodeValue-Attribut ist veraltet. Verwenden Sie value stattdessen Fehler in mazila debug

Arbeite ich an einer neuen Website und noch nicht verwendeten HTML-für einige Zeit - und es verändert unter mir!

Sowieso, ich brauche, um die Größe von einem Bild, das ich in der Regel tun dies, indem Sie eine Klasse oder Stil, oder auch direkt ändern (z.B. Höhe = 40px) etc.

Ich muss die Tabellen, die immer sagen, 80px hoch, aber mit etwas text in die Verringerung der verfügbaren Bilder mit einer Größe von 60px (Die Bilder ändern/kann nicht verlassen werden, um genau die richtige Größe - weil ich nicht zu verwalten, diese in die Zukunft)

Die ich produziert habe ein Beispiel unten - etwas von einem Extrakt von einem echten Datei - nur reduziert hier

Wenn ich <img alt="blank 300px x 80px image" src="blank.png" /> innerhalb der Tabelle dann natürlich, wenn das Bild ist 80px hoch, es füllt die Tabelle lässt keinen Raum für den text - aber die Seite lädt in mazila ohne die

"Attribute' nodeValue-Attribut ist veraltet. Verwenden Sie value stattdessen" Fehler.

Wenn ich es ändern zu

img style="height:60px; width:300px" alt="blank 300px x 80px image" src="leer.png"

oder versuchen

img height="60px" width="300px" alt="blank 300px x 80px image" src="leer.png"

oder versuchen

img class="headp" alt="blank 300px x 80px image" src="leer.png"

Dann die Bild Größe korrekt, aber die mazila debugger-Flut mit der "Verwendung von Attributen,' nodeValue-Attribut ist veraltet. Verwenden Sie value stattdessen" Fehler.

Hilfe!!!!!

Jeder andere auch haben/hatte/hat dieses Problem gelöst??

Beispiel-code:

 <!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">

 <head>
 <meta content="en-gb" http-equiv="Content-Language" />
 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
 <title>just a test page</title>

 <style type="text/css">
 h1 {
text-align:center;
font-size:18.0pt;
font-family:"Times New Roman","serif";
font-weight:normal;
 }
 .headt {
text-align: center;
margin-left: 0cm;
margin-right: 0cm;
margin-top: 0cm;
vertical-align:top;
    width:300px;
height:80px;
 }

 .headp {
text-align: center;
margin-left: 0cm;
margin-right: 0cm;
margin-top: 0cm;
vertical-align:top;
width:300px;
height:60px;
 }

 </style>
 <meta content="testpage" name="description" />
 </head>
 <body>
 <table style="width: 100%">
<tr>
    <td class="headt"> 

    <img   alt="blank 300px x 80px image" src="blank.png"  /> <! - loc to try -->



    <! I tried four options for the code above - here -->

    <! -- or try img style="height:60px; width:300px"  alt="blank 300px x 80px image" src="blank.png"  - try 1 -->

    <! -- or try img height="60px" width="300px" alt="blank 300px x 80px image" src="blank.png"   - try 2 --> 

    <! -- or try img class="headp" alt="blank 300px x 80px image" src="blank.png"   - try 3 --> 

    <! -- or try img alt="blank 300px x 80px image" src="blank.png"   - try 4 -->

    <! trys 1, 2, & 3 all work - but using the debug console in mazilla gives error Warning: 
    Use of attributes nodeValue attribute is deprecated. Use value instead.  -->

    <! try 4 doesnt work ans also doesnt give an error --> 




    <h1><span style="font-size:8.0pt">text underneath</span></h1>
    </td>

    <td class="head">&nbsp;
    <img alt="blank 300px x 60px image" src="blank.png"   />

    </td>
</tr>
 </table>
 <hr />
 </body>
 </html>

beachten Sie die image-Datei wird nur zweimal gesteckt (damit Sie herausfinden können, die relativen Größen, und ist jeder .png geeigneter Größe

Dank

Julie

Sie haben diese Website online?
Dies scheint auch geschehen mit den Google Chrome Developer Tools. Nicht sicher, ob es neu ist oder nicht, jedoch.

InformationsquelleAutor JCG | 2013-12-02

  1. 4

    Ersten, es ist eine Warnung, keine Fehlermeldung. Zweitens, ob es angezeigt wird, hängt von vielen Sachen (und dein Beispiel-Dokument ist eine, die nicht nicht auslösen der Warnung, nach Ihrer Beschreibung).

    Dies ist eine seltsame Warnung von Mozilla Interna, und es gibt offene bugs über, z.B. debugger hat IMMER Fehler, über die nodeValue-Attribut.

    In der Praxis keine Gedanken über die Warnung.

    Können Sie die einfache Ansatz

    <img alt="" src=blank.png width=80 height=120>

    Alternativ, vor allem, wenn Sie mehrere Bilder mit den gleichen Abmessungen, können Sie die Dimensionen in CSS. Ob müssen Sie eine Klasse für, das hängt vom Kontext ab.

    Danke, ja ich weiß, es ist eine Warnung, jedoch möchte ich den code laufen durch, ohne Fehler oder Warnungen TBH - wenn ich den Beispiel-code, die behebt die Größe (CSS oder Klasse oder direkt), dann die Warnungen kommen - die einzige Möglichkeit, die ich gefunden habe, die nicht mit den Warnungen ist es nicht fix die Größe --- offensichtlich nicht mehr wichtig, die Größe fixiert, als keine Warnungen - aber möchte beide! - nicht unvernünftig - aber wenn es ein mozilla-bug, eher als eine echte Frage, ich würde gerne mit,
    Einfach nur neugierig: gibt es einen Grund, warum Sie nicht verwenden Sie alt als leeres Attribut hier?

    InformationsquelleAutor Jukka K. Korpela

  2. 0

    Für img-Tags, die Sie verwenden sollten Höhe und Breite

    <img height='80' width='120' src='src...' >

    Nicht css-Stil, wie Sie in anderen divs 

    <div style='width:120px;height:80px;' ></div>
    Zu verbessern, Ihre Antwort, bitte korrigieren Sie den code, um <img height='80' width='120' src=''> da der standard erlaubt nur ganze zahlen für width & height Attribute ohne Einheiten. HTML5 Spezifikation
    danke, ich wunderte mich darüber 🙂
    Das ist option 2 in meiner Liste - es gibt die Fehlermeldung "Attribute' nodeValue-Attribut ist veraltet. Verwenden Sie value stattdessen"
    Sie haben diese Website online?
    Hmmm. Obwohl es funktioniert, und es war einmal der "richtige" Weg, Dinge zu tun, die "konventionelle Weisheit" heutzutage scheint zu Stimmen, dass die Trennung der Inhalte->HTML vs. Erscheinungsbild->CSS bedeutet Bildgröße in CSS (entweder inline oder Klasse). Die explizite Angabe der Bildgröße, die als HTML-Attribute statt, manchmal hat ein kleiner Vorteil, dass die Informationen bekommt, um die browser-früher (bevor entweder CSS oder image-download), und so kann manchmal reduzieren die Notwendigkeit für einen reflow/relayout. Angesichts der hohen Frequenz von "flash of unstyled content" gesehen in diesen Tagen, die meisten Webseiten sind zu ignorieren, sowieso.

    InformationsquelleAutor ekeren

Schreibe einen Kommentar