Results 1 to 4 of 4

Thread: HTML Experts: Is there is a special or secret way to use HTML while designing a webpa

Hybrid View

  1. #1
    Join Date
    Jan 2013

    HTML Experts: Is there is a special or secret way to use HTML while designing a webpa

    HTML Experts: Is there is a special or secret way to use HTML while designing a webpage?

  2. #2
    Join Date
    Jan 2004
    chertsey, a small town s.w. of london, england.
    Hi there Malcolmjean,

    and a warm welcome to these forums.

    Well, I start with a valid document...
    <html lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="english"> 
    <meta http-equiv="Content-Style-Type" content="text/css">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <title>Untitled Document</title>
    <style type="text/css">
    <script type="text/javascript">
    (function() {
       'use strict';
    function init(){}
    ...and methodically code from the top left to the bottom right.

    At pertinent points in this process, I check the validity of the code here...

    ...and for cross-browser compatibility in my test browsers...
    • Firefox 18.0
    • IE 9
    • Chrome 24.0
    • Opera 12.12
    • Safari 5.1.7


  3. #3
    Join Date
    Mar 2012
    I use position: absolute; in the CSS for DIVs. The title is quite misleading, the position is actually relative to the containing DIV, and is very useful for sites that you want to adjust automatically to different screen sizes.

    Also, I'd suggest that you still need to test your web pages on IE8. This is particularly so if you are coding in HTML5. IE8 does not understand the new bits in HTML5 so you need to ensure that the page degrades gracefully.
    Last edited by jedaisoul; 01-23-2013 at 12:50 PM.

  4. #4
    Join Date
    Aug 2012
    I think that all aspiring Web authors should at least start off coding Markup by hand - it is the only way to truly master the language. I also think that validating Markup and Style Sheet coding is very important for producing fully interoperable and standards compliant web pages.

    The essentials:

    Employ standards compliant HTML Markup
    Use a Text Editor and Code Markup by hand
    Use Strict Doctypes in order to preclude deprecated elements/attributes and avoid quirks mode serving
    Use HTML in preference to XHTML
    Check and correct Markup syntax constantly - use Tidy utility
    Structure pages correctly - correct nesting and well-formed
    Use Header elements (H1 -- H6) correctly for Creating Semantic Structure
    Avoid using Tables for page Layout - If you must, check Accessible Tables for layout
    Use UTF-8 character encoding
    Include meaningful ALT text for all images - or explanatory adjacent text
    Use W3C Markup Validation Service to insure correct function in all User-Agents
    Use externally linked Style Sheets for page layout/presentation
    Use W3C CSS Validation Service to insure correct page display and function.
    Be prudent in the use of scripting languages - use them to manage content rather than for presentation effects. Keep in mind client-side scripting in particular slows down page loading.


    Validation enhances Interoperability -- correct rendering in all user agents. However, web pages can, and do, fail validation and still display pretty much as expected in graphical Browsers anyway due to their built-in Markup discrepancy compensation -- thereby relying on the often unreliable error correcting properties of individual graphical Browsers. Validation does catch many easily corrected Markup errors and the resultant code is consequently easy to maintain or change. Pages containing invalid Markup may not display or function correctly in Screen Readers, BRAILLE interpreters and Textual Browsers or when incorporated into other applications. As we move toward the Semantic Web, the rigors of XML will result in a greater requirement for Valid Markup. Valid and well formed Markup also bespeaks careful craftsmanship and that appeals to many web authors.

    And .....

    You Can't Get Every Page to Look Identical, So Stop Trying!

    Remember that it is the quality and usefulness of the content and the ease of navigation through it that are of the greatest importance to most web page users.

    Web Developer Tool Kit - for creating Standards compliant and Interoperable web pages
    W3C Markup Validation Service - validate HTML code for reliable rendering in all Browsers
    WAVE accessibility evaluation tool - check page structure, image alt text, form labels, etc.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.10157 seconds
  • Memory Usage 2,990KB
  • Queries Executed 13 (?)
More Information
Template Usage (30):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (4)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (4)postbit
  • (4)postbit_onlinestatus
  • (4)postbit_wrapper
  • (1)showthread_list
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (27):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./includes/functions_threadedmode.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (71):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids_threaded
  • showthread_threaded_construct_link
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates