Module: Rxhp::Html

Defined in:
lib/rxhp/html.rb,
lib/rxhp/tags/html_tag.rb,
lib/rxhp/data/html/tags.rb,
lib/rxhp/data/html/attributes.rb

Overview

Definitions of all standard HTML 4.01 and HTML 5 elements.

All the classes are created when this file is loaded, regardless of usage.

There are three common superclasses:

  • HtmlElement - standard elements

  • HtmlSelfClosingElement - elements where in HTML, the closing tag is optional - for example, <p>, <li>, and <body>

  • HtmlSingletonElement - not only is the closing tag optional, but child elements are forbidden - for example,
    and <img>

‘Special’ classes are defined in rxhp/tags/ - for example, the HTML element in Rxhp is defined to add a doctype, depending on the formatter settings.

Defined Under Namespace

Classes: Html

Constant Summary collapse

TAGS = 
{
  :a => {
    :attributes => [
      HREF_ATTRIBUTE,
      MEDIA_ATTRIBUTE,
      REL_ATTRIBUTE,
      {
        :target => String,
        :hreflang => String,
        :type => String,
      },
    ],
  },
  :abbr => {},
  :acronym => {},
  :address => {},
  :applet => {},
  :area => {
    :is_a => HtmlSingletonElement,
    :attributes => [
      HREF_ATTRIBUTE,
      REL_ATTRIBUTE,
      MEDIA_ATTRIBUTE,
      {
        :alt => String,
        :coords => INTEGER_LIST,
        :shape => %w(circle default poly rect),
        :target => String,
        :media => String,
        :hreflang => String,
        :type => String,
      },
    ],
  },
  :article => {},
  :aside => {},
  :audio => {
    :attributes => [
      SRC_ATTRIBUTE,
      CROSSORIGIN_ATTRIBUTE,
      COMMON_MEDIA_ATTRIBUTES,
    ],
  },
  :b => {},
  :base => {
    :is_a => HtmlSingletonElement,
    :attributes => [
      HREF_ATTRIBUTE,
      { :target => String },
    ],
  },
  :basefont => {},
  :bdo => {},
  :bdi => {},
  :big => {},
  :blockquote => { :attributes => CITE_ATTRIBUTE },
  :body => {
    :is_a => HtmlSelfClosingElement,
    :attributes => %w[
      onafterprint
      onbeforeprint
      onbeforeunload
      onblur
      onerror
      onfocus
      onhashchange
      onload
      onmessage
      onoffline
      ononline
      onpagehide
      onpageshow
      onpopstate
      onresize
      onscroll
      onstorage
      onunload
    ],
  },
  :br => {:is_a => HtmlSingletonElement},
  :button => {
    :attributes => [
      FORM_ATTRIBUTES,
      {
        :autofocus => [true, false],
        :disabled => [true, false],
        :name => String,
        :value => Object,
        :type => %w[submit reset button],
      },
    ],
  },
  :canvas => {
    :attributes => DIMENSION_ATTRIBUTES,
  },
  :caption => {},
  :center => {},
  :cite => {},
  :code => {},
  :col => {
    :is_a => HtmlSingletonElement,
    :attributes => SPAN_ATTRIBUTE,
  },
  :colgroup => {
    :is_a => HtmlSelfClosingElement,
    :attributes => SPAN_ATTRIBUTE,
  },
  :command => {
    :is_a => HtmlSingletonElement,
    :attributes => {
      :type => %w[command checkbox radio],
      :label => String,
      :icon => [String, URI],
      :disabled => [true, false],
      :radiogroup => String,
    },
  },
  :datalist => {},
  :dd => {:is_a => HtmlSelfClosingElement},
  :del => {
    :attributes => [
      CITE_ATTRIBUTE,
      DATETIME_ATTRIBUTE,
    ],
  },
  :details => { :attributes => { :open => [true, false] } },
  :dfn => {},
  :dir => {},
  :div => {},
  :dl => {},
  :dt => {:is_a => HtmlSelfClosingElement},
  :em => {},
  :embed => {
    :is_a => HtmlSingletonElement,
    :attributes => {Object => Object }, # anything :/
  },
  :fieldset => {
    :attributes => {
      :disabled => [true, false],
      :form => String,
      :name => String,
    },
  },
  :figcaption => {},
  :figure => {},
  :font => {},
  :footer => {},
  :form => {
    :attributes => [
      AUTOCOMPLETE_ATTRIBUTE,
      {
        'accept-charset' => String,
        :action => [String, URI],
        :enctype => ENC_TYPES,
        :method => ['get', 'post'],
        :name => String,
        :novalidate => [true, false],
        :target => String,
      },
    ],
  },
  :frame => {},
  :frameset => {},
  :h1 => {},
  :h2 => {},
  :h3 => {},
  :h4 => {},
  :h5 => {},
  :h6 => {},
  :head => {:is_a => HtmlSelfClosingElement},
  :header => {},
  :hgroup => {},
  :hr => {:is_a => HtmlSingletonElement},
  :html => {:require => 'rxhp/tags/html_tag'},
  :i => {},
  :iframe => {
    :attributes => [
      SRC_ATTRIBUTE,
      DIMENSION_ATTRIBUTES,
      {
        :srcdoc => String,
        :name => String,
        :sandbox => ['', token_list(%w[
          allow-forms
          allow-same-origin
          allow-scripts
          allow-top-navigation
        ])],
        :seamless => [true, false],
      },
    ],
  },
  :img => {
    :is_a => HtmlSingletonElement,
    :attributes => [
      SRC_ATTRIBUTE,
      DIMENSION_ATTRIBUTES,
      CROSSORIGIN_ATTRIBUTE,
      {
        :alt => String,
        :usemap => String,
        :ismap => [true, false],
      },
    ],
  },
  :input => {
    :is_a => HtmlSingletonElement,
    :attributes => [
      AUTOCOMPLETE_ATTRIBUTE,
      DIMENSION_ATTRIBUTES,
      SRC_ATTRIBUTE,
      FORM_ATTRIBUTES,
      {
        :accept => String,
        :alt => String,
        :autofocus => [true, false],
        :checked => [true, false],
        :dirname => String,
        :disabled => [true, false],
        :list => String,
        :max => [Numeric, String],
        :maxlength => Integer,
        :min => [Numeric, String],
        :multiple => [true, false],
        :name => String,
        :pattern => String, # ECMAScript RE != RegExp.to_s
        :placeholder => String,
        :required => [true, false],
        :step => [Numeric, String],
        :value => Object,
        :type => %w[
          hidden
          text
          search
          tel
          url
          email
          password
          datetime
          date
          month
          week
          time
          datetime-local
          number
          range
          color
          checkbox
          radio
          file
          submit
          image
          reset
          button
        ],
      },
    ],
  },
  :ins => {
    :attributes => [
      CITE_ATTRIBUTE,
      DATETIME_ATTRIBUTE,
    ],
  },
  :isindex => {},
  :kbd => {},
  :keygen => {
    :is_a => HtmlSingletonElement,
    :attributes => {
      :autofocus => [true, false],
      :challenge => String,
      :disabled => [true, false],
      :form => String,
      :keytype => 'rsa',
      :name => String,
    },
  },
  :label => {
    :attributes => {
      :form => String,
      :for => String,
    },
  },
  :legend => {},
  :li => {
    :is_a => HtmlSelfClosingElement,
    :attributes => {
      :value => Integer,
    },
  },
  :link => {
    :is_a => HtmlSingletonElement,
    :attributes => [
      HREF_ATTRIBUTE,
      REL_ATTRIBUTE,
      {
        :href_lang => String,
        :type => String,
        :sizes => [
          'any',
          /^\d+x\d+( \d+x\d+)*/,
        ],
      },
    ],
  },
  :map => { :attributes => { :name => String } },
  :mark => {},
  :menu => {
    :attributes => {
      :type => ['context', 'toolbar'],
      :label => String,
    },
  },
  :meta => {
    :is_a => HtmlSingletonElement,
    :attributes => {
      :name => String,
      :content => String,
      :charset => String,
      'http-equiv' => %w(content-language content-type default-style refresh set-cookie),
    },
  },
  :meter => {
    :attributes => {
      %w[value min max low high optimum] => [String, Numeric],
    },
  },
  :nav => {},
  :noframes => {},
  :noscript => {},
  :object => {
    :attributes => [
      DIMENSION_ATTRIBUTES,
      {
        :data => [String, URI],
        :type => String,
        :typemustmatch => [true, false],
        :name => String,
        :usemap => String,
        :form => String,
      },
    ],
  },
  :ol => {
    :attributes => {
      :reversed => [true, false],
      :start => Integer,
      :type => %w{1 a A i I},
    },
  },
  :optgroup => {
    :is_a => HtmlSelfClosingElement,
    :attributes => {
      :disabled => [true, false],
      :label => String,
    },
  },
  :option => {
    :is_a => HtmlSelfClosingElement,
    :attributes => {
      :disabled => [true, false],
      :label => String,
      :selected => [true, false],
      :value => Object,
    },
  },
  :output => {
    :attributes => {
      :for => String,
      :form => String,
      :name => String,
    },
  },
  :p => {:is_a => HtmlSelfClosingElement},
  :param => {
    :is_a => HtmlSingletonElement,
    :attributes => {
      :name => String,
      :value => String,
    },
  },
  :pre => {},
  :progress => {
    :attributes => {
      :value => Object,
      :max => [Numeric, String],
    },
  },
  :rb => {},
  :rt => {},
  :ruby => {},
  :q => { :attributes => CITE_ATTRIBUTE },
  :s => {},
  :samp => {},
  :script => {
    :attributes => [
      SRC_ATTRIBUTE,
      {
        :async => [true, false],
        :defer => [true, false],
        :type => String,
        :charset => String,
      },
    ],
  },
  :section => {},
  :select => {
    :attributes => {
      :autofocus => [true, false],
      :disabled => [true, false],
      :form => String,
      :multiple => [true, false],
      :name => String,
      :required => [true, false],
      :size => Integer,
    },
  },
  :small => {},
  :source => {
    :is_a => HtmlSingletonElement,
    :attributes => [
      SRC_ATTRIBUTE,
      MEDIA_ATTRIBUTE,
      { :type => String },
    ],
  },
  :span => {},
  :strike => {},
  :strong => {},
  :style => {
    :attributes => [
      MEDIA_ATTRIBUTE,
      {
        :type => String,
        :scoped => [true, false],
      },
    ],
  },
  :sub => {},
  :summary => {},
  :sup => {},
  :table => { :attributes => {:border => '1' } },
  :tbody => {:is_a => HtmlSelfClosingElement},
  :td => {
    :is_a => HtmlSelfClosingElement,
    :attributes => TABLE_CELL_ATTRIBUTES,
  },
  :textarea => {
    :attributes => {
      :autofocus => [true, false],
      :cols => Integer,
      :dirname => String,
      :disabled => [true, false],
      :form => String,
      :maxlength => Integer,
      :name => String,
      :placeholder => String,
      :readonly => [true, false],
      :required => [true, false],
      :rows => Integer,
      :wrap => ['soft', 'hard'],
    },
  },
  :tfoot => {:is_a => HtmlSelfClosingElement},
  :th => {
    :is_a => HtmlSelfClosingElement,
    :attributes => [
      TABLE_CELL_ATTRIBUTES,
      {
        :scope => %w(row col rowgroup colgroup),
      },
    ],
  },
  :thead => {:is_a => HtmlSelfClosingElement},
  :time => {
    :attributes => DATETIME_ATTRIBUTE,
  },
  :title => {},
  :tr => {:is_a => HtmlSelfClosingElement},
  :track => {
    :is_a => HtmlSingletonElement,
    :attributes => [
      SRC_ATTRIBUTE,
      {
        :kind => %w(subtitles captions descriptions chapters metadata),
        :srclang => String,
        :label => String,
        :default => [true, false],
      },
    ],
  },
  :tt => {},
  :u => {},
  :ul => {},
  :var => {},
  :video => {
    :attributes => [
      SRC_ATTRIBUTE,
      CROSSORIGIN_ATTRIBUTE,
      DIMENSION_ATTRIBUTES,
      COMMON_MEDIA_ATTRIBUTES,
      {
        :poster => [String, URI],
      },
    ],
  },
  :wbr => {:is_a => HtmlSingletonElement},
}
GLOBAL_ATTRIBUTES =

All the non-javascript attributes shared by every HTML element.

{
  /^data-[^:]+$/ => Object,

  :accesskey => String,
  :class => String,
  :contenteditable => %w'true false inherit',
  :contextmenu => String,
  :dir => %w'ltr rtl auto',
  :draggable => %w'true false',
  :dropzone => String,
  :hidden => [true, false],
  :id => /^[^ ]+$/,
  :lang => String,
  :spellcheck => %w'true false',
  :style => String,
  :tabindex => Integer,
  :title => String,
}
GLOBAL_EVENT_HANDLERS =

Every HTML element has these

{
  :onabort => String,
  :onblur => String,
  :oncanplay => String,
  :oncanplaythrough => String,
  :onchange => String,
  :onclick => String,
  :oncontextmenu => String,
  :oncuechange => String,
  :ondblclick => String,
  :ondrag => String,
  :ondragend => String,
  :ondragenter => String,
  :ondragleave => String,
  :ondragover => String,
  :ondragstart => String,
  :ondrop => String,
  :ondurationchange => String,
  :onemptied => String,
  :onended => String,
  :onerror => String,
  :onfocus => String,
  :oninput => String,
  :oninvalid => String,
  :onkeydown => String,
  :onkeypress => String,
  :onkeyup => String,
  :onload => String,
  :onloadeddata => String,
  :onloadedmetadata => String,
  :onloadstart => String,
  :onmousedown => String,
  :onmousemove => String,
  :onmouseout => String,
  :onmouseover => String,
  :onmouseup => String,
  :onmousewheel => String,
  :onpause => String,
  :onplay => String,
  :onplaying => String,
  :onprogress => String,
  :onratechange => String,
  :onreset => String,
  :onscroll => String,
  :onseeked => String,
  :onseeking => String,
  :onselect => String,
  :onshow => String,
  :onstalled => String,
  :onsubmit => String,
  :onsuspend => String,
  :ontimeupdate => String,
  :onvolumechange => String,
  :onwaiting => String,
}
HREF_ATTRIBUTE =

Specific attributes used by multiple elements

{ :href => [String, URI] }
MEDIA_ATTRIBUTE = 
{ :media => String }
REL_ATTRIBUTE = 
{
  :rel => Rxhp::Html.token_list(%w[
    alternate
    author
    bookmark
    help
    icon
    license
    next
    nofollow
    noreferrer
    prefetch
    prev
    search
    stylesheet
    tag
  ]),
}
DATETIME_ATTRIBUTE = 
{ :datetime => String }
CITE_ATTRIBUTE = 
{ :cite => [String, URI] }
SRC_ATTRIBUTE = 
{ :src => [String, URI] }
DIMENSION_ATTRIBUTES = 
{
  :width => String,
  :height => String,
}
CROSSORIGIN_ATTRIBUTE = 
{
  :crossorigin => /^(anonymous|use-credentials)$/,
}
COMMON_MEDIA_ATTRIBUTES = 
{
  :preload => /^(none|metadata|auto)/,
  :autoplay => [true, false],
  :mediagroup => String,
  :loop => [true, false],
  :muted => [true, false],
  :controls => [true, false],
}
SPAN_ATTRIBUTE = 
{ :span => Integer }
TABLE_CELL_ATTRIBUTES = 
{
  :colspan => Integer,
  :rowspan => Integer,
  :headers => String,
},
AUTOCOMPLETE_ATTRIBUTE = { :autocomplete => ['on', 'off'] }
ENC_TYPES = 
%w[
  application/x-www-form-urlencoded
  multipart/form-data
  text/plain
]
INTEGER_LIST = 
/^\d+(,\d+)*$/
FORM_ATTRIBUTES = 
{
  :form => String,
  :formaction => [String, URI],
  :formenctype => ENC_TYPES,
  :formmethod => ['get', 'post'],
  :formnovalidate => [true, false],
  :formtarget => String,
}

Class Method Summary collapse

Instance Method Summary collapse

Class Method Details

.fragment(x) ⇒ Object Also known as: frag, text 



25
26
27
28
29
 
# File 'lib/rxhp/html.rb', line 25

def fragment x
  scope = Rxhp::Scope.current
  scope.children.push x
  scope
end

.token_list(tokens) ⇒ Object

Given [‘foo’, ‘bar’, ‘baz’], match:

  • ‘foo’

  • ‘bar baz’

  • ‘foo bar baz’

etc.



10
11
12
13
 
# File 'lib/rxhp/data/html/attributes.rb', line 10

def self.token_list tokens
  token = tokens.join('|')
  /^#{token}( (#{token}) )*$/
end

Instance Method Details

#frag ⇒ Object

Add a child node.

Examples:

include Rxhp::Html
p do
  text 'foo'
  text 'bar'
end


21
22
23
 
# File 'lib/rxhp/html.rb', line 21

def fragment x
  Rxhp::Scope.current.children.push x
end

#fragment(x) ⇒ Object

Add a child node.

Examples:

include Rxhp::Html
p do
  text 'foo'
  text 'bar'
end


18
19
20
 
# File 'lib/rxhp/html.rb', line 18

def fragment x
  Rxhp::Scope.current.children.push x
end

#text ⇒ Object

Add a child node.

Examples:

include Rxhp::Html
p do
  text 'foo'
  text 'bar'
end


22
23
24
 
# File 'lib/rxhp/html.rb', line 22

def fragment x
  Rxhp::Scope.current.children.push x
end