Archive for September, 2007

Secret#121:ThetargetAttributeisUnavailableinAnchorYou vebeendoingitallalong targetinganewwindowforlinks.It saneasyoptioninHTMLandXHTMLTransitional.However,ifyou reusingXHTML1.0orXHTML1.1,youcannotusethetargetattributeinananchorelement. Here swhatyou vebeendoing: Opensinnewwindow (Web hosting resellers)

Sunday, September 30th, 2007

Secret#121:ThetargetAttributeisUnavailableinAnchorYou vebeendoingitallalong targetinganewwindowforlinks.It saneasyoptioninHTMLandXHTMLTransitional.However,ifyou reusingXHTML1.0orXHTML1.1,youcannotusethetargetattributeinananchorelement. Here swhatyou vebeendoing: OpensinnewwindowOpensinnewwindow However,peoplesometimesturntheirJavaScriptoff.Ifyoudon twanttouseJavaScriptforanyreason,youronlyalternativeistouseaTransitionalDTDandthetargetattribute. SummaryThelasttwochaptershavecoveredmoreaboutHTMLandXHTMLthanthevastmajorityofworkingWebdesignerscouldtellyou.Hopefully,you vefoundsomeclarification,insight,orsuggestionsthatwillassistyouinunderstandingthewhyaswellasthehowofwritingmarkup. Ifyou vefoundthelastcoupleofchaptersabitonthetechnicalordryside,CSSisupnext,soyou llgetachancetolearnmoreabouthowtoaddgreatdesignandpresentationoptionstoyourwell-formed,valid,andstructureddocuments.
You need excellent and relaible webhost company to host your web applications? Then pay a visit to Inexpensive Web Hosting services.

Listing7-4:(continued) Listing7-5showstheimage,aninlineelement,markedupproperlyforXHTML1.0StrictorXHTML1.1.Here,I musingaparagraphelement,butyoucanuseanylogicalblock-levelelementtocontainyourinlineelements.Anothergoodchoiceforthiswouldbethedivelement. Listing7-5:PropermanagementofinlineelementsinXHTML1.1 blockandinlineelementsinXHTML Secret#120:nameBecomesidInXHTML1.0Strictand1.1,thenameattributeisreplacedwiththeidattribute. Inthepast,youmighthavehadthefollowing: Line200 ButinXHTML1.0StrictandXHTML1.1,youmustuseidinstead: (Web hosting ecommerce)

Sunday, September 30th, 2007

Listing7-4:(continued) Listing7-5showstheimage,aninlineelement,markedupproperlyforXHTML1.0StrictorXHTML1.1.Here,I musingaparagraphelement,butyoucanuseanylogicalblock-levelelementtocontainyourinlineelements.Anothergoodchoiceforthiswouldbethedivelement. Listing7-5:PropermanagementofinlineelementsinXHTML1.1

Secret#120:nameBecomesidInXHTML1.0Strictand1.1,thenameattributeisreplacedwiththeidattribute. Inthepast,youmighthavehadthefollowing: Line200 ButinXHTML1.0StrictandXHTML1.1,youmustuseidinstead: Line200 Inmostcases,usingiddoesn tchangethefunction.However,becausesomebrowsersdonotproperlyidentifyorinterpretid,whenyouneedtoensureback- wardcompatibility,useaTransitionalXHTMLDTDandincludeboth,Line200 noteTheidattributebecomesveryimportantwhenusingCSS.SeeChapter9, LayingOutPageswithCSS fordetails.
If you are looking for affordable and reliable webhost to host and run your business application visit our ftp web hosting services.

AlloftheDOCTYPEsinthischapterwilldothetrick. Here showthebehaviorbreaksdown: DocumentswitholderorTransitionalDOCTYPEs,poorlyformedDOCTYPES,ornoDOCTYPEatallaredisplayedusingQuirksmode, andwillbeinterpretedwiththelegacybugsandbehaviorsofversion4browsers. DocumentswithproperlyformedHTMLStrictorXHTMLDOCTYPEsaredisplayedusingCompliancemode.ThismodefollowsW3CspecificationsforHTML,CSS,andotherlayoutlanguagesascloselyaspossible. Ofcourse,anybrowser(includingNetscape4)thatcamealongbeforeDOCTYPEswitchingwasconceivedwillactjustasQuirksmodedoes.Incontrast,butthosebrowsersworkmorelikestandardsmodedoes,becauseOperahasbeenpurposelydevelopedwithstandardsinmind. noteForanexcellentoverviewofDOCTYPEswitching,read DOCTYPESwitchingandStandardsCompliance byMatthiasGutfeldt.Thearticledescribesthetechnicaldetailsregardingtheswitchingtechnologyandprovidesadditionalresources(http://gutfeldt.ch/matthias/articles/doctypeswitch.html). (Vps web hosting) Secret#119:EncloseInlineElementsinBlocksIfyou reusingXHTML1.0StrictorXHTML1.1,youcan thaveanywidowedinlineelements.Thismeansthatanyinlineelementmustappearwithinablock.

Saturday, September 29th, 2007

AlloftheDOCTYPEsinthischapterwilldothetrick. Here showthebehaviorbreaksdown: DocumentswitholderorTransitionalDOCTYPEs,poorlyformedDOCTYPES,ornoDOCTYPEatallaredisplayedusingQuirksmode, andwillbeinterpretedwiththelegacybugsandbehaviorsofversion4browsers. DocumentswithproperlyformedHTMLStrictorXHTMLDOCTYPEsaredisplayedusingCompliancemode.ThismodefollowsW3CspecificationsforHTML,CSS,andotherlayoutlanguagesascloselyaspossible. Ofcourse,anybrowser(includingNetscape4)thatcamealongbeforeDOCTYPEswitchingwasconceivedwillactjustasQuirksmodedoes.Incontrast,butthosebrowsersworkmorelikestandardsmodedoes,becauseOperahasbeenpurposelydevelopedwithstandardsinmind. noteForanexcellentoverviewofDOCTYPEswitching,read DOCTYPESwitchingandStandardsCompliance byMatthiasGutfeldt.Thearticledescribesthetechnicaldetailsregardingtheswitchingtechnologyandprovidesadditionalresources(http://gutfeldt.ch/matthias/articles/doctypeswitch.html). Secret#119:EncloseInlineElementsinBlocksIfyou reusingXHTML1.0StrictorXHTML1.1,youcan thaveanywidowedinlineelements.Thismeansthatanyinlineelementmustappearwithinablock. Listing7-4showsavalidXHTML1.0Transitionaldocumentwithanimage(markeduponalinebyitself.ThisisallowedinHTMLandXHTMLTransitional. Listing7-4:Validtransitionaldocumentwithawidowedinlineelement
If you are looking for cheap and quality webhost to host and run your website check Jboss Web Hosting services.

noteCSSprovidessometerrificwaystostylelistbulletsandnumericvalues.StyleTipsforTypeandDesign tolearnmore. Secret#118:DOCTYPESwitchingAsyou vecometolearninthesemarkupchapters,DOCTYPEsarerequiredcom- ponentsofavalidHTMLorXHTMLdocument.TheDOCTYPEdeclarationhashistoricallybeenpassive,withnoactualfunctionuntilthedocumentispassedthroughavalidatorandusesthedeclarationtodeterminewhichDTDtovalidatethedocumentagaint. Historically,manyWebauthorshavenotvalidatedtheirdocuments,muchlessau- thoredtostandards,although,fortunately,thatisachangingtrend.Understandingthewaythelanguageswithwhichweworkandhowthebrowsersrespondtothemissurelytheroadtolong-termsuccessandsurvivalasaWebdesigner.Soknowingthisstuffisreallyimportant. AnotherequallyimportantbutlesserknownreasonthattheDOCTYPEdeclarationissosignificanthastodowithaswitchingmechanismthat sbeenaddeThisallowsthemtorenderthedocumentsmorequicklyandaccurately.ThisbecomesveryimportantwhenyoubeginusingCSS,especiallyforlayout. StudyingtheproblemofCSSimplementationinbrowsers,TantekC elik,grammerforMicrosoftwhohasbeeninvolvedwithbrowserdevelopmentandstandardsforsomeyearsnow,recognizedthatnobrowsercouldaffordtomoveaheadwithmorecompliantandconsistenttechnologieswithoutallowingforrea- sonablebackwardcompatibility. (Web servers)

Saturday, September 29th, 2007

noteCSSprovidessometerrificwaystostylelistbulletsandnumericvalues.StyleTipsforTypeandDesign tolearnmore. Secret#118:DOCTYPESwitchingAsyou vecometolearninthesemarkupchapters,DOCTYPEsarerequiredcom- ponentsofavalidHTMLorXHTMLdocument.TheDOCTYPEdeclarationhashistoricallybeenpassive,withnoactualfunctionuntilthedocumentispassedthroughavalidatorandusesthedeclarationtodeterminewhichDTDtovalidatethedocumentagaint. Historically,manyWebauthorshavenotvalidatedtheirdocuments,muchlessau- thoredtostandards,although,fortunately,thatisachangingtrend.Understandingthewaythelanguageswithwhichweworkandhowthebrowsersrespondtothemissurelytheroadtolong-termsuccessandsurvivalasaWebdesigner.Soknowingthisstuffisreallyimportant. AnotherequallyimportantbutlesserknownreasonthattheDOCTYPEdeclarationissosignificanthastodowithaswitchingmechanismthat sbeenaddeThisallowsthemtorenderthedocumentsmorequicklyandaccurately.ThisbecomesveryimportantwhenyoubeginusingCSS,especiallyforlayout. StudyingtheproblemofCSSimplementationinbrowsers,TantekC elik,grammerforMicrosoftwhohasbeeninvolvedwithbrowserdevelopmentandstandardsforsomeyearsnow,recognizedthatnobrowsercouldaffordtomoveaheadwithmorecompliantandconsistenttechnologieswithoutallowingforrea- sonablebackwardcompatibility. crossrefSeeChapter9, LayingOutPageswithCSS formoredetailsabouthowDOCTYPEswitchinginfluencesdisplay. ThesolutionC elikdevisedwastosplitthebrowser scapabilitiesintotwomodes: QuirksmodeandStandards(or compliance )mode.Quirksmodeistheimple- mentationofrenderingenginesinusethatmanagenonstandardmarkup(tiallythesameforgivingrenderingthatwe vereliedonforyears).Itisforgivingofourshortcomingsaswellasthoseofourtools,butcanbeincrediblyinconsistentasaresult. Compliancemode,ontheotherhand,isastreamlinedstandards-compliantren- deringengine,allowingforfaster,moreaccurate,andmorecontrolledrenderingofyourdesigns. WebbrowserswithDOCTYPEswitchingtechnologyrelyonspecificallyformedDOCTYPEdeclarationsforproperswitchingtooccur. DOCTYPEdeclarationscanbewritteninanynumberofways.ThedefaultDOC- TYPEsinmanyvisualtoolsandHTMLeditorsareproblematicforthereasonsImentionedearlierinthischapter.There snothingwrongwiththoseDOCTYPEsinanytechnicalsense,butthereissomethingwrongwiththeminregardstoDOCTYPEswitchingtechnology.YoumustusesomeveryspecificDOCTYPEsto
Note: In case you are looking for affordable and reliable webhost to host and run your j2ee application check Vision J2ee Web Hosting services.

ol> Gotostore Gotoflowersection Gotoproducesection Gotoliquorsection Gotobank Gotopostoffice Youcanalsomixandmatchlists,aslongastheyareproperlynested: (Database web hosting)

Friday, September 28th, 2007

ol>

  • Gotostore
    1. Gotoflowersection
    2. Gotoproducesection
    3. Gotoliquorsection
  • Gotobank
  • Gotopostoffice
  • Youcanalsomixandmatchlists,aslongastheyareproperlynested:

    1. Gotostore
      • flowers
      • saladfixings
      • whitewine
    2. Gotobank
    3. Gotopostoffice

    Figure7-7showstheresults. Figure7-7:AnestedunorderedlistwithinanumberedlistcreatedusingXHTML.
    We recommend cheap and reliable webhost to host and run your web applications: Coldfusion Web Hosting services.

    Highlighter Fountain Envelope Stamp (Top web site) ButpropernestingrulesinXHTMLplacethenestedlistinsidealistitemaspartofthatitem,notasaseparatepartofthatlist.Asaresult,thecorrectlistingprocedureinXHTMLlookslikethis: Pens Felttip Highlighter

    Friday, September 28th, 2007
  • Highlighter
  • Fountain
  • Envelope
  • Stamp
  • ButpropernestingrulesinXHTMLplacethenestedlistinsidealistitemaspartofthatitem,notasaseparatepartofthatlist.Asaresult,thecorrectlistingprocedureinXHTMLlookslikethis:

    • Pens
      • Felttip
      • Highlighter
      • Fountain
    • Envelope
    • Stamp

    Ofcourse,orderedlists(seeFigure7-6foranexample)followthesamepracticeinXHTML,withnestedorderingplacedwithinthelistitem: Figure7-6:AnestedorderedlistcreatedusingXHTML.
    Check Tomcat Web Hosting services for best quality webspace to host your web application.

    Web hosting india - Secret#117:ProperNestingofListsOnethingthatmarkupauthorsmovingtoXHTMLstumbleoverearlyonishowtonestlistsproperlyinXHTML. InHTML,youcouldleaveofftheclosingtag,andnestlistslikethis: Pens FelttipHighlighterFountain EnvelopeStamp Theresults(showninFigure7-5)areanested,unorderedlist. Figure7-5:AnestedunorderedlistcreatedusingHTML. Logicsaysifyou reclosingallyournonemptyelementsinXHTML,you ddothis:

    Thursday, September 27th, 2007

    Secret#117:ProperNestingofListsOnethingthatmarkupauthorsmovingtoXHTMLstumbleoverearlyonishowtonestlistsproperlyinXHTML. InHTML,youcouldleaveofftheclosing

    tag,andnestlistslikethis:

    • Pens
      • Felttip
      • Highlighter
      • Fountain
    • Envelope
    • Stamp

    Theresults(showninFigure7-5)areanested,unorderedlist. Figure7-5:AnestedunorderedlistcreatedusingHTML. Logicsaysifyou reclosingallyournonemptyelementsinXHTML,you ddothis:

    • Pens
      • Felttip
      • Searching for affordable and proven webhost to host and run your servlet applications? Go to Linux Web Hosting services and you will find it.

    Web design programs - Secret#116:UnderstandWell-FormednessWell-formednessissimplythepropernestingofelements.ItisimportantinHTML, althoughit snotbroughtuptoooftenasadiscussionpointuntilyoubegintostudyXHTMLinearnest. Whathappensifyouwanttohavesomethingbeingbothemphasizedandstrongatthesametime?Well,youcanapplybothelementstotext.Theimportantissueisthattheelementsnestproperly. Correct: Welcometomysuperduperwebsite! Alsocorrect: Welcometomysuperduperwebsite! Incorrect:

    Thursday, September 27th, 2007

    Secret#116:UnderstandWell-FormednessWell-formednessissimplythepropernestingofelements.ItisimportantinHTML, althoughit snotbroughtuptoooftenasadiscussionpointuntilyoubegintostudyXHTMLinearnest. Whathappensifyouwanttohavesomethingbeingbothemphasizedandstrongatthesametime?Well,youcanapplybothelementstotext.Theimportantissueisthattheelementsnestproperly. Correct:

    Welcometomysuperduperwebsite!

    Alsocorrect:

    Welcometomysuperduperwebsite!

    Incorrect:

    Welcometomysuperduperwebsite!

    Alsoincorrect:

    Welcometomysuperduperwebsite!

    Agreatwaytohelpvisualizethisistodrawanarcfromanopeningtagtoitscompanionclosingtag.Ifthearcsintersect,yourelementsareimproperlynested(refertoFigure7-3).Thesameistrueforthevertical,too(seeFigure7-4). Figure7-3:Impropernestingofelementsalongthehorizontalaxis. Figure7-4:Impropernestingofelementsalongtheverticalaxis.
    Searching for affordable and reliable webhost to host and run your web applications? Go to our java web server services and you will be pleased.

    themorerigidrulesofXHTMLexpectyoutoescapeallinlineinstancesofampersandsnotrelatedtoaspecialcharacter. TakethefollowingURL,forexample: http://www.molly.com/books/250.cgi?chapter=1&section=2Theampersandmustbeescapedusingthecharacterentity: http://www.molly.com/books/250.cgi?chapter=1&section=2ThesameistrueinanyinlineorembeddedJavaScript.Considerthefollowingsnippetfromaroutingscript: if(browser==”MicrosoftInternetExplorer”&& navigator.appVersion==version) (Free web hosts) IfthisJavaScriptappearsasanembeddedscript,theampersandsmustbeescaped: if(browser==”MicrosoftInternetExplorer”&&

    Thursday, September 27th, 2007

    themorerigidrulesofXHTMLexpectyoutoescapeallinlineinstancesofampersandsnotrelatedtoaspecialcharacter. TakethefollowingURL,forexample: http://www.molly.com/books/250.cgi?chapter=1&section=2Theampersandmustbeescapedusingthecharacterentity: http://www.molly.com/books/250.cgi?chapter=1&section=2ThesameistrueinanyinlineorembeddedJavaScript.Considerthefollowingsnippetfromaroutingscript: if(browser==”MicrosoftInternetExplorer”&& navigator.appVersion==version) IfthisJavaScriptappearsasanembeddedscript,theampersandsmustbeescaped: if(browser==”MicrosoftInternetExplorer”&& navigator.appVersion==version) noteEscapingcharactersinURLsorscriptswillnotaffectthefunctionsrelatedtoeither.Youdonotneedtodothisforanyexternalscript. FormoreinformationonentitiesinXHTMLandotherhelpfulXHTMLworkarounds,seewww.simonstl.com/tips/archive/workarounds.html. Secret#115:altAttributeRequiredUnlikeHTML,wherethealtattributeisarecommendedinclusionforaccessi- bilitypurposes,youcan tleaveitoutinXHTML. Incorrect: Correct: Therearenoexceptionstothisrule,evenifyouleavethevalueempty: However,sinceyoucanuseCSSforeffectivespacing,spacergraphicsareunnec- essaryanyway. noteInterestingly,whilewidthandheightmightseempresentational,theyareavailableforuseinstrictDTDsandXHTML1.1,becausehavingwidthandheightattributespresentwillassistwithbettergraphicrenderinginmostbrowsers.
    In case you need quality webspace to host and run your web applications, try our personal web hosting services.

    Hp web site - noteForaninterestingandverydetailedarticleonemptyelements,theirhistory, andtheirquirks,see EmptyElementsinSGML,HTML,XML,andXHTML byJukkaKorpela,atwww.cs.tut.fi/~jkorpela/html/empty.html. Secret#113:ManagingMinimizedAttributesAminimizedattributeisonethatisrepresentedonlybytheattributename.InHTML,familiarexampleswouldincludeattributessuchasthefollowing: noresize noshade nohref nowrap

    Wednesday, September 26th, 2007

    noteForaninterestingandverydetailedarticleonemptyelements,theirhistory, andtheirquirks,see EmptyElementsinSGML,HTML,XML,andXHTML byJukkaKorpela,atwww.cs.tut.fi/~jkorpela/html/empty.html. Secret#113:ManagingMinimizedAttributesAminimizedattributeisonethatisrepresentedonlybytheattributename.InHTML,familiarexampleswouldincludeattributessuchasthefollowing: noresize noshade nohref nowrap multiple checked ismap compactHere sasample: InXHTML,theminimizationofattributesisdisallowed.Theattributenameisgivenavalueofitself: So,inallcaseswhereyoufindasingle-wordattribute,youmustgiveitavalueofitselffortheattributetobevalidinXHTML. noteDuringclassesIoftenaskstudentstoguesswhattheattributevalueofaminimizedattributebecomesinXHTML.Manyguessthatthevalueis whichmakesabsolutesense.TheselectedattributeisconsideredaBooleanattribute,andyoucanreadmoreabouttheiruniquehistoryanduseatwww.w3.org/TR/REC-html40/intro/sgmltut.html. Secret#114:EntitiesandXHTMLChapter6examinedcharacterentitiesandtheirroleinHTML.UsedforthedisplayofspecialcharactersinbothHTMLandXHTML,entitiesarealsousedinXHTMLtoescapecertaincharactersinscriptsandURLs. Thebestexampleofthisistheampersand(&),whichappearsinJavaScriptandalsoinsomeURLs.
    Please visit Domain Name Hosting services for high quality webhost to host and run your jsp applications.