Results 1 to 4 of 4

Thread: What standard to code to..?

  1. #1
    Join Date
    Dec 2015
    Posts
    11
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default What standard to code to..?

    I am revamping an old FrontPage site with Expression Web and the pages light up the screen with errors and incompatabilities. I copied text to Notepad to strip out old code and will create new tables. Data tables, stripped the old code with Notepad and EW till all I have is <table> <tr> <td> and the data.

    The site will have close to 2,400 files but no complex coding, aside from the dynamic photo display and the drop down menu with submenus. Very few tags and mostly the basics. Some basic inline style (width, text-align etc).

    For the drop down menu to work in IE8, had to change vertical spacing of the <a> tag to 0px and <a> submenu left spacing to 1. In Firefox had spacing between the buttons (no the list items). Also had to use Lucida something or other for a UTF-8 right triangle to work in IE8 (a pointer in a dropdown list of a submenu to the right)

    Been going to W3schools for tag information where some attributes I looked at using are not supported by ver 5 html.

    So with all that said, what standard should I code to (Xhtml, IE8, html5, 4.01 strict etc)? Since the code is pretty basic, any likely Firefox-IE8 incompatibilities?

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,932
    Thanks
    25
    Thanked 570 Times in 550 Posts
    Blog Entries
    31

    Default

    HTML5 is the current standard so will give you the best footing going forward ('future-proofing' as far as you can). Old browsers will recognise the longer established tags fine - like paragraphs, tables, divs, headings, spans, anchors, etc. Only the newer HTML5 tags will be unrecognised - e.g. article, section, header, footer, nav - but you can serve a JavaScript shim in those cases, which will make IE7/8 play nicely with them too: https://www.google.co.uk/search?q=html5shiv - put it in the <head> section of your markup, between IE8 conditional comments so you're serving it only to the browsers that need it;
    Code:
    <!--[if lte IE 8]><script src="path/to/html5shiv.js"/></script><![endif]-->
    If you're not using new HTML5 elements, you don't need the shim but you can still use the HTML5 doctype to benefit from modern standards/consistencies.

    For reference, if you're ever unsure about which HTML5 element or CSS property is supported in various browsers, head for the 'Can I Use' website http://caniuse.com/ type it in the search box and out will pop all the compatibility stats telling you where it's supported (or not). It's really useful
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  3. The Following User Says Thank You to Beverleyh For This Useful Post:

    Ripsaw (01-04-2016)

  4. #3
    Join Date
    Dec 2015
    Posts
    11
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Thanks yet again Beverleyh. With what I learned deconstructing the old FP site, building the drop down menu, the Dynamic Drive dynamic photo display and your standards posting, I have a solid foundation on which to proceed with the new construction. Better to take the time upfront to learn than rush half-cocked into a project without enough understanding. Structure changes, unknowns and typo goofs will occur but I now have enough knowledge how the components work to solve them. If a problem still persists, I know where to go. Shall press on with construction

  5. #4
    Join Date
    Nov 2014
    Location
    On A Scottish Island
    Posts
    260
    Thanks
    0
    Thanked 35 Times in 32 Posts

    Default

    Once you have some pages to test you'll find the W3C Markup Validation Service very useful.

Similar Threads

  1. css positioning standard
    By alexdog1805 in forum Other
    Replies: 6
    Last Post: 03-01-2010, 07:29 PM
  2. Is selectedindex standard?
    By jlizarraga in forum JavaScript
    Replies: 4
    Last Post: 12-03-2008, 03:31 AM
  3. video standard
    By remp in forum HTML
    Replies: 3
    Last Post: 04-19-2007, 07:19 PM
  4. Standard Dates
    By helpless in forum PHP
    Replies: 1
    Last Post: 12-18-2006, 08:50 PM
  5. Standard Layout for CSS
    By wishiwasageek in forum CSS
    Replies: 2
    Last Post: 05-26-2005, 12:16 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •