Uncategorized

improved HTML

Common Hyper Text, Common Hyper Lingua

Hyper oder meta text soll beschreiben, wie der basis text behandelt oder interptetiert werden soll.

Die kunst besteht jetzt darin, die hyper symbole, einzel zeichen und auch zeichenfolgen, vom basis text zu unter scheiden, damit sie kein leser und kein automat verwechselt.

Wir könnten am anfang der datei beschreiben, welche zeichen und ketten als sonder symbole betrachtet werden und welche zum grund text gehören. Wir könnten dort auch die hyper sprache wählen und fest legen, wie die hyper symbole in dieser sprache interpretiert werden.

Bereits der ASCII enthält genau definierte hyper zeichen zur steuerung der text ausgabe.

Auch die Backus Naur Form ist solch ein hyper text und oder eine hyper lingua zur standardisierten darstellung künstlicher sprachen und ihrer grammatik und syntax.

Der hypertext kann beliebig erweitert werden, indem einzelne strings mit parametern oder argumenten an beliebige interpreter, transcriber oder translator zur bearbeitung übergeben werden. Ihr ergebnis und ausgabe wird dann an stelle des übergebenen strings eingesetzt.

CSS.

attributes.

global.

core.
id:[name]
class:[name]
title:[name]
style:[style rules]

internationalization.
lang:”en”|”de”|”es”
dir:”ltr”|”rtl”|”auto”
translate:”yes”|”no”

user inter action.
accesskey:[space separated list of characters]
tabindex:[integer]
hidden:[]
contenteditable:”true”|”false”
spellcheck:”true”|”false”|”auto”
dropzone:”copy”|”move”|”link”

menus.
contextmenu:name


CSS.

.values.

“inherit”
“initial”

..lengths and percentages.

px
em
pt
%
pc picas
cm
mm
in inches

..colors.

aqua
black
blue,
fuchsia,
gray,
green
lime
maroon
navy
olive
purple
red
silver
teal
white
and yellow
transparent

rgb(255,0,0)
rgb(100%,30%, 40%)

rgba(red, blue, green, alpha) color with transparency from 0 to 1

hsl(hue, saturation, lightness)

hsla(hue, saturation, lightness, alpha)

#ff0000
#f00

..resolution.

dppx
dpcm
dpi

..angle.

deg
grad
rad
turn

..time.

s
ms

..frequency.

Hz
kHz

..numbers.

integer
ratio
decimal

..textual.

string
url


CSS.

selectors.

” universal selector
“.”
name class
“#”name individual
*html_element
*atributed_element=
element”[“attribute”]”
*attributed_element_with_value=
element”[“attribute”=”value”]”
element”[“attribute”~=”value”]” value in space separated list
*element”[“
attribute”|=”value”]” value in ” or ‘ separated list?
*element”[“
attribute”^=^”beginning”]” value begins with beginning
element”[“attribute”$=”ending”]” value ends with ending
*element”[“
attribute”=”part”]” value contains part

pseudo or sub classes

:link reference? (link?) not yet visited
:visited reference already visited
:active activated reference
:hover
:focus
:target
:lang(xy)
:first-child first subdivision of an element
:last-child
:nth-child(n)
:nth-last-child(n)
:only-child
:first-of-type the first sibling
:last-of-type
:nth-of-type(n)
:only-of-type
:empty
:root
:enabled
:disabled
:checked
:not(selector)

pseudo elements

::first-line
::first-letter
::before
::after

selector combination.

selector1 selector2 ?
selector1 > selector2 selected2 child of selected1
selector1 + selector2 selected2 follows sibling selected1
selector1 ~ selector2 all selected2 siblings following selected1


CSS.

selection.

selector “{” {property: *value;} “}”


CSS.

properties. By Category

Text and Fonts.

font
font-family
font-size
font-weight
font-style
font-variant
font-stretch
font-size-adjust
font-synthesis
line-height
letter-spacing
word-spacing
text-align
text-decoration
text-decoration-line
text-decoration-style
text-decoration-color
text-indent
text-transform
vertical-align
white-space

Colors and Backgrounds.

color
opacity
background-color
background
background-image
background-repeat
background-position
background-attachment
background-clip
background-origin
background-size
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-image border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat
box-shadow

The Box Model: margins, padding, and borders

margin
margin-top
margin-right
margin-bottom
margin-left
padding
padding-top
padding-right
padding-bottom
padding-left
border
border-top
border-right
border-bottom
border-left
border-width
border-top-width
border-right-width
border-bottom-width
border-left-width
border-style
border-top-style
border-right-style
border-bottom-style
border-left-style
border-color
border-top-color
border-right-color
border-bottom-color
border-left-color

Visual Formatting: dimensions, display, and positioning

width
height
min-width
max-width
min-height
max-height
position
top
right
bottom
left
clip
overflow
z-index
float
clear
display
visibility

Generated Content and Lists

content
quotes
counter-increment
counter-reset
list-style
list-style-type
list-style-image
list-style-position

Tables

table-layout
border-collapse
border-spacing
empty-cells
caption-side

Paged Media

page-break-before
page-break-after
page-break-inside
orphans
widows

Transitions

transition
transition-property
transition-duration
transition-timing-function
transition-delay

Transformations

transform
transform-origin

Misc.

outline
outline-style
outline-color
outline-width
cursor
direction
unicode-bidi
all


CSS.

.applied.

..inline.

text

..internal.

CSS Example

p {
color: red;
}

a {
color: blue;
}

..external.

Any style.css file in the same directory applies for testing like:

CSS Example

or applies in any other html file like:

My first web page


HTML.

tags.

tags=””_text”/”name>

root.
html

meta or hyper data.
head
title
base
link
meta
style

sections.
body
article
section
nav
aside
h1
h2
h3
h4
h5
h6
header
footer
address

grouping.
p
pre
blockquote
ol
ul
li
dl
dt
dd
figure
figcaption
div
main
hr

text.
a
em
strong
cite
q
dfn
abbr
data
time
code
var
samp
kbd
mark
ruby
rb
rt
rp
rtc
bdi
bdo
span
br
wbr
small
i
b
u
s
sub
sup

edits.
ins
del

embeddings.
img
embed
opbject
param
video
audio
source
track
map
area
iframe

tables.
table
tr
td
th
caption
tbody
thead
tfoot
colgroup
col

forms.
form
input
textarea
select
option
optgroup
datalist
label
fieldset
legend
button
output
progress
meter
keygen

scripting.
script
noscript
template
canvas

usage.

Leave a Reply