HTML 4.01 language features Web Designing
Interview Questions
Practice Test
Pragnyameter Exam
All Tutorials
Job SearchCoordinating character sets is only the first part of the challenge. Even languages that share a character set may have different rules for hyphenation, spacing, quotation marks, punctuation, and so on. In addition to character shapes (glyphs), issues such as directionality (whether the text reads left-to-right or right-to-left) and cursive joining behavior have to be taken into account as well.
This prompted a need for a system of language identification. The W3C responded by incorporating into HTML the language tags put forth in the RFC 2070 standard on internationalization.
The lang Attribute
The lang attribute can be added within any tag to specify the language of the contained element. It can also be added within the <html> tag to specify a language for an entire document. The following example specifies the document's language as French:
It can also be used within text elements to switch to other languages within a document; for example, you can "turn on" Norwegian for just one element:
<BLOCKQUOTE lang="no">...</BLOCKQUOTE>The value for the lang attribute is a language code (not the same as a country code). The current HTML and XML specifications support the two-letter country codes established in RFC 1766. These are listed in Table. However, there have been advancements in language identification to include three-letter codes, two-letter codes with country subcode (for example, fr-CA for French as used in Canada), and other descriptive subcodes as proposed in RFC 3066. Eventually, this revised system will be supported in future updates of HTML and XML specifications.
Table: Two-letter codes of language names
Directionality
An internationalized HTML standard needs to take into account that many languages read from right to left. Directionality is part of a character's encoding within Unicode.
The HTML 4.01 specification provides the new dir attribute for specifying the direction in which the text should be interpreted. It can be used in conjunction with the lang attribute and may be added within the tags of most elements. The accepted value for direction is either ltr for left-to-right or rtl for right-to-left. For example, the following code indicates that the paragraph is intended to be displayed in Arabic, reading from right to eft:
<P LANG="ar" DIR="rtl">...</P>
There is also a new tag introduced in HTML 4.01 that deals specifically with documents that contain combinations of left- and right-reading text (bidirectional text, or Bidi for short). The <bdo> tag is used for "bidirectional override," in other words, to specify a span of text that should override the intrinsic direction (as inherited from Unicode) of the text it contains. The <bdo> tag takes the dir attribute as follows:
<BDO DIR="ltr">English phrase in an otherwise Hebrew text</BDO>...The <bdo> element and dir attribute are currently not supported by browsers.
Cursive Joining Behavior
In some writing systems, the shape of a character varies depending on its position in the word. For instance, in Arabic, a character used at the beginning of a word looks completely different when it is used as the last character of a word. Generally, this joining behavior is handled within the software, but there are Unicode characters that give precise control over joining behavior. They have zero width and are placed between characters purely to specify whether the neighboring characters should join.
HTML 4.01 provides mnemonic character entities for both these characters, as shown in Table.
Table: Unicode characters for joining behavior
- Browsers
- Browser Usage Statistics
- Design Strategies
- Knowing Your Audience
- Test, Test, Test!
- The Importance Of Standards
- Dealing With Unknown Monitor Resolutions
- Fixed Versus Flexible Web Page Design
- Designing "above The Fold"
- Monitor Color Issues
- Alternative Displays
- The Web Is Not Like Print
- Typography On The Web
- Color On The Web
- Graphics On The Web
- Servers 101
- Unix Directory Structures
- File Naming Conventions
- Uploading Documents (ftp)
- File (mime) Types
- Browser Print Mechanisms
- Printer-friendly Html Pages
- Cascading Style Sheets For Printouts
- Portable Document Format (pdf)
- Flash Printing
- The Web Accessibility Initiative (wai)
- Accessibility In Web Technologies
- Accessibility In Tools
- Character Encoding
- HTML 4.01 language features
- Style Sheets Language Features
- The Html Standard
- Html Tags
- Information Browsers Ignore
- Document Structure
- Tips On Good Html Style
- Html Tools
- Summary Of Structural Tags
- Setting Up An Html Document
- Global Settings With The Tag
- Using Tags
- Summary Of Text Tags
- Working With Html Text
- Inline Type Styles
- Html Specification
- The Font Tag
- Lists
- Text Layout Techniques With Html
- Character Entity References
- Summary Of Tags Related To Linking
- Simple Hypertext Links
- Linking Within A Document
- Affecting The Appearance Of Links
- Targeting Windows
- Imagemaps
- Non-web Links And Protocols
- Linking Documents With
- Summary Of Object Placement Tags
- Image Basics
- The
Tag And Its Attributes
- Horizontal Rules
- Embedded Media Files
- Advantages And Disadvantages Of Java Applets
- Summary Of Table Tags
- Introduction To Tables
- Basic Table Structure
- Affecting Table Appearance
- Table Troubleshooting
- Tips And Tricks
- Standard Table Templates
- Multipart Images In Tables
- Summary Of Frame Tags
- Introduction To Frames
- Basic Frameset Structure
- Frame Function And Appearance
- Targeting Frames
- Inline (floating) Frames
- Frame Design Tips And Tricks
- Summary Of Form Tags
- Introduction To Forms
- The Basic Form
- Form Elements
- New Form Attributes In Html 4.01
- Affecting The Appearance Of Forms
- Demystifying Cgi
- Specifying Color By Rgb Values
- Specifying Colors By Name
- Using Style Sheets
- How Style Sheets Work
- Selectors
- Specifying Values
- Properties
- Positioning With Style Sheets
- What's New In Css2
- Style Sheet Tips And Tricks
- How Ssi Is Used
- Ssi And The Server
- Adding Ssi Commands To A Document
- Using Environment Variables
- Xssi
- Ssi Commands
- Include Variables
- Time Formats For Ssi Output
- Gif87a Versus Gif89a
- 8-bit Indexed Color
- Gif Compression
- When To Use Gifs
- Tools Overview
- Interlacing
- Techniques For Working With Transparent Gifs
- Minimizing Gif File Sizes
- 24-bit Color
- Jpeg Compression
- When To Use Jpegs
- Progressive Jpegs
- Creating Jpegs
- Minimizing Jpeg File Size
- The Png Story
- When To Use Pngs
- Platform/browser Support
- 8-bit Palette, Grayscale, And Truecolor
- Png Compression
- Special Features
- Creating Png Files
- Png Optimization Strategies
- Designing With Web-safe Colors
- Converting To The Web Palette
- Web Palette Strategies
- Color Blenders
- How They Work
- Using Animated Gifs
- Browser Support
- Tools
- Creating Animated Gifs
- Optimizing Animated Gifs
- Basic Digital Audio Concepts
- Using Existing Audio
- Preparing Your Own Audio
- Streaming Audio
- Web Audio Formats
- Choosing An Audio Format
- Adding Audio To A Web Page
- Basic Digital Video Concepts
- Compression Of Digital Video
- Video File Formats
- Which Format To Choose
- Adding Video To An Html Document
- Using Flash On Web Pages
- Flash Power Tools
- Creating Flash Movies
- Adding Flash To A Web Page
- Integrating Flash With Other Technologies
- Shockwave For Director
- Adding Shockwave Movies To A Web Page
- How Smil Works
- Smil Players
- Smil Authoring Tools
- Writing Smil
- Javascript History
- Javascript Basics
- Sample Scripts
- Handling Multiple Browsers
- Using Dhtml
- How Dhtml Works: Example
- The Document Object Model
- Creating Layers
- Dhtml Examples
- Browser Detection
- Dhtml Tools
- Limitations Of Html
- How It Works
- Xml Document Syntax
- Document Type Definition (dtd)
- Examples Of Xml Technology
- Xhtml Standards Development
- Creating Xhtml 1.0 Documents
- Xhtml Document Declarations
- Well-formed Xhtml
- Try It Out
- About Wap
- Creating Wap Applications
- Introduction To Wml
- Wml Elements And Attributes
Designing For A Variety Of Browsers
Designing For A Variety Of Displays
Web Design Principles For Print Designers
A Beginners Guide To The Server
Printing From The Web
Accessibility
Internationalization
Html Overview
Structural Html Tags
Formatting Text
Creating Links
Adding Images And Other Page Elements
Tables
Frames
Forms
Specifying Color In Html
Cascading Style Sheets
Server Side Includes
Gif Format
Jpeg Format
Png Format
Designing Graphics With The Web Palette
Animated Gifs
Audio On The Web
Video On The Web
Flash And Shockwave
Introduction To Smil
Introduction To Javascript
Introduction To Dhtml
Introduction To Xml
Xhtml
Wap And Wml
