Web Gallery and XHTML

SD
Posted By
Scott_D_Jost
Feb 2, 2007
Views
224
Replies
2
Status
Closed
Is there a way I can get Automate>Web Gallery in Photoshop to write XHTML code? Or, is there a way to convert the HTML code Photoshop writes to XHTML?

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

L
LenHewitt
Feb 3, 2007
Scott,

There is very little difference between HTML and XHTML, the main one being that all element tags must be closed, so elements such as <br> needs to be written as <br /> and <img src="xxxx.jpg"> as <img src="xxxx.jpg"/> in XHTML.

Elements should also be in lower case, and all attributes quoted.

There are other differences such as some attributes valid in HTML are no longer valid in XHTML – which *doesn’t* mean the page won’t work if you use them, just that the page won’t validate against the XHTML DOCTYPE.

Some of these can be changed in the web gallery templates, such as changing the elements to lower case. e.g. If you look at the \CS2\Goodies\Web Photo Gallery Templates\Horizontal Blue & Gray\FrameSet.htm :

<HTML>
<HEAD>
<TITLE>%TITLE%</TITLE>
<META name="generator" content="%CONTENT_GENERATOR%"> <META http-equiv="Content-Type" content="text/html; charset=%CHARSET%"> </HEAD>

<FRAMESET frameborder=no border=0 rows="75%,25%"> <FRAME src="%FIRSTPAGE%" NAME="Top Frame" scrolling=YES> <FRAME src="%FRAMEINDEX%" NAME="Bottom Frame" scrolling=YES>

<NOFRAMES>
<BODY>
Viewing this page requires a browser capable of displaying frames. </BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

changed to:
<html>
<head>
<title>%TITLE%</title>
<meta name="generator" content="%CONTENT_GENERATOR%" /> <meta http-equiv="Content-Type" content="text/html; charset=%CHARSET%" /> </head>

<frameset frameborder=no border=0 rows="75%,25%"> <frame src="%FIRSTPAGE%" name="Top Frame" scrolling="yes"> <frame src="%FRAMEINDEX%" name="Bottom Frame" scrolling="yes">

<noframes>
<body>
Viewing this page requires a browser capable of displaying frames. </body>
</noframes>
</frameset>
</html>
SD
Scott_D_Jost
Feb 7, 2007
Len,

Thank you for the very detailed and quick response. This is most helpful!

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections