Skip to main content

Jon Phipps's Library tagged html   View Popular

20 Jun 08

Surfin’ Safari - Blog Archive » Understanding HTML, XML and XHTML

  • The relationships among HTML, XML and XHTML are an area of considerable confusion on the web. We often see questions on the webkit-dev mailing list where people wonder why their seemingly XHTML documents result in HTML output. Or we’re asked why an XML construct like <b /> doesn’t actually close the bold tag.


    This article will attempt to clear up some of that confusion.

10 Jun 08

The Self-Describing Web

  • The Web is designed to support flexible exploration of information by human users and by automated agents.
    For such exploration to be productive,
    information published by many different sources and for a variety of
    purposes must be comprehensible to a wide range of Web client software.
    HTTP and other Web technologies can be used to deploy resources that are
    self-describing, in the sense that only widely available information is necessary for understanding them.
    Starting with a URI, there is a standard algorithm that a user agent
    can apply to retrieve and interpret a representation of such resources.
    Furthermore, when such self-describing resources are linked together, the Web as a whole can support reliable,
    ad hoc discovery of information.
    This finding describes how document formats, markup conventions, attribute values, and other data formats can be designed to facilitate the deployment of self-describing Web content.
  • The Web is designed to support flexible exploration of information, by human users and by automated agents.
    For such exploration to be productive,
    information published by many different sources and for a wide variety of
    purposes must be comprehensible to a wide variety of Web client software.
    This finding suggests that there are three strategies that, used in combination, can ensure
    such flexible interoperability: 1) where practical, resource representations should be encoded using widely deployed standards; 2) where such widely deployed standards are not sufficient, the encodings used should themselves be described in machine readable form on the Web, using RDF, RDDL, or other standard description systems; and 3) in all cases, each representation should carry information such as media-types, character encoding labels, RDFa, links to specifications, etc. sufficient to support automatic determination of the standards and other specifications necessary for correct interpretation.
    To the extent that these guidelines are observed, individual documents become self-describing, in the sense that only widely available information is necessary for understanding them.
    Furthermore, when such documents are linked together, the Web as a whole can support reliable,
    ad hoc discovery of information.
    This finding discusses in more detail the techniques needed to create such a self-describing Web.
17 May 08

PHPlib:Manual: HTML Widgets

  • HTML widgets are classes that generate some HTML-code (often
    forms or tables) to display GUI-elements. We try to provide
    functionality commonly used in applications, in a way that the
    actual look of the GUI-elements can be easily customized.

Class: Html - PHP Classes

  • This package can be used to generate HTML pages using distinct class to encapsulate each type of page element.



    It provides many classes that implement most of the types of HTML page elements. Each of the classes implement a common page element interface.
12 Apr 08

HTML_TreeMenuXL Info Page

  • HTML_TreeMenu is a wonderful PEAR package by Richard Heyes
    for generating dynamic tree menus using PHP. HTML_TreeMenuXL
    is my enhanced version of HTML_TreeMenu. My enhancements have been intended
    to extend its flexibility and fix a few problems, and I've been placed that
    Richard has incorporated many of my ideas back into the base package.


    This page demonstrates HTML_TreeMenuXL, documents its usage,
    and offers access to the source code.

10 Aug 07

SitePoint Blogs » Dealing with unqualified HREF values - Mozilla Firefox

  • When I was building my extension for finding unused CSS rules, I needed a way of qualifying any href value into a complete URI. I needed this because I wanted it to support stylesheets inside IE conditional comments, but of course to Firefox these are just comments — I had to parse each comment node with a regular expression to extract what’s inside it, and therefore, the href value I got back was always just a string, not a property or a qualified path.

A List Apart: Articles: Prettier Accessible Forms

  • I’ve tried to create a form-styling solution that is both accessible and portable (in the sense that I can move the code from one project to the next). Floats have often provided a solution to my problem, but given the complexity of some layouts and the numerous float bugs associated with Internet Explorer, it’s not always easy to reuse a float solution. I wanted to create something that anyone could easily reuse on any project: a style sheet that, when applied to a correctly marked up HTML form, would produce the basis of the required layout. So here it is—my attempt at portable, accessible forms.
16 May 07

IBDOM: Injecting JavaScript Data Objects into HTML Documents via the DOM


  • While there are numerous mechanisms and enabling frameworks for retrieving
    data asynchronously into an HTML document, the basic task of injecting
    a significant amount of data into a document remains a typically laborious process.



    To circumvent this laborious process, many developers instead opt to
    asynchronously retrieve "markup fragments", which are made of data that has already been
    fully-injected into the necessary HTML that can simply be inserted "as-is" into the main document.



    While this approach works well enough, there are many use cases where it still
    makes more sense to only retrieve pure data from the server.




    IBDOM was designed to alleviate this tedium, while fully-embracing standard-compliant
    documents, by providing an unobtrusive mechanism to "map data values" to JavaScript Objects.

11 May 07

XMLArmyKnife -- TagSoup Clean-Up


  • The XAK TagSoup Clean-Up Service provides a simple online service to allow on the fly correction
    of malformed and dodgy HTML documents found in the wild. This allows them to be processed further,
    e.g. to extract metadata or apply XSLT transformations.



    The service is based on John Cowan's TagSoup Parser.

TagSoup home page

  • TagSoup is designed as a parser, not a whole application; it isn't intended to permanently clean up bad HTML, as HTML Tidy does, only to parse it on the fly. Therefore, it does not convert presentation HTML to CSS or anything similar. It does guarantee we - jonphipps on 2006-07-20
  • This is the home page of TagSoup, a SAX-compliant parser written in Java
    that, instead of parsing well-formed or valid XML, parses HTML as it is
    found in the wild:

    poor, nasty and brutish
    , though quite often far from short.
    TagSoup is designed for people who have to process this stuff using some
    semblance of a rational application design. By providing a SAX interface,
    it allows standard XML tools to be applied to even the worst HTML.
    TagSoup also includes a command-line processor that reads HTML files
    and can generate either clean HTML or well-formed XML that is a
    close approximation to XHTML.
01 May 07

CSS Float Theory: Things You Should Know | Smashing Magazine

  • the most important things you should keep in mind developing css-based layouts with floats.
26 Apr 07

53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

  • Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.
19 Mar 07

Truncate HTML Text with JavaScript Automatically

    • This article describes what I think is a clever way of
      automatically truncating the text of a paragraph:



      • Truncate the text to a length of your choosing
      • Do not truncate in the middle of a word (only on a word boundary)
      • Keep the page search-engine friendly by publishing the complete non-truncated text
      • Add an ellipsis to the end of the truncated text
      • Make the ellipsis a link that expands the text to full length. Once expanded it cannot be collapsed again (but that functionality could be added just as easily)
      • Assumes that the content is plain text with no markup.

Filter Large HTML Select List using JavaScript Regexp Regular Expressions

  • If you have a very large HTML SELECT list, finding the correct item can be
    like looking for a needle in a haystack. For example, if you have a list of a
    couple hundred names, finding a single one can be difficult. This article
    describes a JavaScript technique for filtering the items in a select list so
    that only the matching items are shown, making it much easier to locate the
    desired item.
12 Mar 07

Detecting Internet Explorer More Effectively

  • Many Web designers use browser-detection techniques to ensure that their sites display properly on specific browser versions. It is important to ensure that the techniques chosen take into account future browser releases.

    This topic shows three ways to detect current and future versions of Internet Explorer. Designers currently detecting browsers in their sites should verify that browser detection is necessary and, if so, ensure that the code accepts later versions of supported browsers.

Cascading Style Sheet Compatibility in Internet Explorer 7

  • Internet Explorer 7 contains a number of improvements to cascading style sheet (CSS) parsing and rendering over IE6. These improvements are aimed at improving the consistency of how Internet Explorer interprets cascading style sheets as recommended by the W3C in order that developers have a reliable set of functionality on which to rely.



    In some cases a few of these changes may have the effect of making existing content render in ways that are not compatible with IE6. This is often seen with elements moving to a different area of the page or overlapping content when viewed in IE7. These issues are most common on content that is using particular CSS constructs (often know as "hacks" or filters) to work around bugs that existed under the strict mode in IE6. In this article we'll discuss why pages might be broken due to updated CSS support and the best ways to address the issues that result from it.

IE Conditional comments

  • Conditional comments have been available since Microsoft Internet Explorer 5, but their use is not restricted to Internet Explorer. Examples are given that show how conditional comments can be used to customize the content delivered to both uplevel and downlevel browsers. Conditional comments make it easy for developers to write pages that downgrade gracefully in less capable browsers, while making it easy to take advantage of the enhanced features and performance offered by Internet Explorer 5 and later versions.
18 Sep 06

XHTML 1.0 Transitional Reference


  • This hypertext reference shows the
    XHTML 1.0 Transitional hypertext markup language.
    (See the XHTML 1.0 Strict version of HTML for a version of HTML with many presentation elements and attributes removed.)
    The links below show the elements defined in this language.
    Each page of information shows the element's purpose, description,
    start and end tags, attributes, allowable content, other elements in which
    it is referenced, and an example use where available.
1 - 20 of 60 Next › Last »
Showing 20 items per page

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo