22
HTML5 Updates: 2011-05-31
Sections generally use title blocks, but this is not mandatory. However if a section is identified as being valuable in reuse it should always contain a title-block even if it is not displayed or only contains metadata.
The default FX title-block-rw structure is shown here.
<div class=“title-block-rw”> <p class="title-num-rw"> ... </p> <h1>Section Title</h1> <p class="title-sub-rw"> ... </p> <p class="title-author-rw"> ... </p> <p class="title-creator-rw"> ... </p> <p class="title-other-rw"> ... </p> </div>
The standard title-block may need to be extended for publications of various types. Candidates elements are items such as reference numbers, dates of various types, and other semantic elements.
/* ================================ */ /* F5: SECTION STRUCTURES */ .title-block-rw { margin: 1em 0 1em 0; padding: 2em 0 2em 0; border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); } .title-block-rw h1, .title-block-rw .title-sub-rw, .title-block-rw .title-num-rw, .title-block-rw .title-author-rw, .title-block-rw .title-contributor-rw, .title-block-rw .title-other-rw { font-family: sans-serif; font-weight: normal; text-align: left; text-indent: 0; margin: 0; } .title-block-rw h1 { font-size: 1.5em; line-height: 1.6em; font-weight: bold; padding: 0 0 0.5em 0; color: rgb(0,0,128); } .title-block-rw .title-sub-rw { font-size: 1.25em; padding: 0 0 1em 0; } .title-block-rw .title-num-rw { font-size:1.5em; font-weight: bold; font-style: normal; padding: 0 0 0.5em 0; color: rgb(128,128,128); } .title-block-rw .title-author-rw, div.title-block-rw .title-contributor-rw { font-size: 1.25em; font-weight: normal; font-style: italic; padding: 0 0 0.5em 0; } .title-block-rw .title-other-rw { font-size: 0.9em; padding: 1em 0 0.5em 0; color: rgb(0,0,128); }
In our book, we are only using <h1> in the preface (and other frontmatter) section title block. So we only need to give <h1> specific styling and don't have to worry about all the other elements.
/* ================================ */ /* F05 CUSTOM SECTION TITLE BLOCKS Starts */ /* Preface Style */ .Preface .title-block-rw h1{ font-size: 2em; line-height: 2.3em; font-weight: bold; padding: 0 0 0.5em 0; color: rgb(255,0,0); } /* F05 CUSTOM SECTION TITLE BLOCKS Ends */
There are many other types of documents which have their own contextual grammar for section breakdown. The physical layout of these can also be considerably different from a book. An article in an academic work, magazine and newspaper are all quite different in scope, size, complexity and purpose.
Following are some major document types and their document sections. Many of these are significantly different to books and do not represent page breaks.
Periodicals have the following primary structures, departments, columns, articles and advertisements. Columns and articles are of many types and often have content blocks that continue on different pages.
They have difficult to handle structures such as
This list can be extended to include specific named sections and content blocks such as departments, classifieds (which should be able to go seamlessly in and out of a database), and of course the cartoon section!
The title block tagging includes metadata-like information about the parent document to allow the article to stand-alone and still provide some source context. If more information is required a metadata-block should be inserted.
The standard title-block selectors can also be used if the correct semantic applies
<!-- ================================ --> <!-- MAGAZINE ARTICLE TITLE TAGGING PATTERN --> <div class="title-block-rw"> <p class="title-num-rw">12</p> <h1>Article Title</h1> <p class="title-sub-rw">Sub-title</p> <p class="title-abstract-rw">Article opening blurb</p> <p class="title-article-type-rw">Feature, Section, Column, etc</p> <p class="title-section-name-rw">How to Live</p> <p class="title-pub-nos-rw">12334</p> <p class="title-pub-title-rw">Magazine Name</p> <p class="title-pub-date-rw">October 2012</p> <p class="title-author-rw">First author in sequence </p> <p class="title-author-info-rw">References </p> <p class="author-rw">Second author in sequence</p> <p class="author-info-rw">References </p> <p class="title-other-rw">Any other content</p> </div>
Manuscripts may or may not be turned into text. Where the source document is maintained as an image, the metadata tools of FX can be used effectively to create preliminary and expanding metadata about a document image. Metadata is very important in this work as often there is no text involved or the text is not easily extracted, and certainly not with OCR. Examples include hand-written manuscripts in many languages and on many different physical mediums such as palm leaves and scrolls.
Commercial documents can have parts, but generally don't have chapters. They contain sections and topics which are often arbitrary, author defined section types.
Legal documents do not break down into a significant number of parts. They are similar in style to corporate documents,but have some significant internal structures that can be beneficially maintained in template format. Many contracts can be highly repetitive and strictly maintained (such as the IGP Reseller agreement or various software licenses). Maintaining these in template form is very beneficial, productive and ensures there is no dilution or un-warranted modification of essential clauses.
Templated documents may not be ideal for "creative" Marcom. It can be very powerful when used with repetitive marcom that uses and reuses similar specification items.
This is a massive set of information which utilizes features of documents and more formal publications such as books.
Each of these content domains is a specialist area in themselves. But all of them can be treated with a considered XHTML strategy with appropriate metadata, and still be able to interface with specific domain standards. Just some interchange standards that can be easily processed from FX are:
NewML - News Markup Language
NITF - News Industry Text Format
EAD - Electronic Archive Description Language
METS - Metadata for Encoding and Transmission Standard
Each document section is a container with inheritable properties. That means all content inside a section can be processed independently of other sections, even though the content structures are similar. A strong example of block inheritance is the title block.
<div class=“galley-rw”> <div class= “frontmatter-rw Preface-rw"> <div class="title-block-rw"> <h1>Preface</h1> </div> <p> ... </p> </div> </div>
<div class=“galley-rw”> <div class= “frontmatter-rw Preface-rw"> <div class="title-block-rw"> <h1>Preface</h1> </div> <p> ... </p> </div> </div>
This approach allows the change of a single selector value to enable content reuse.