Bug#657777: vim crashes with with SIGFPE, Arithmetic exception by search a string again via 'n' in a tex-file

[Andreas Romeyke]

Hello James,

On Sat, 28 Jan 2012 14:17:12 -0500
James McCoy <james...@debian.org> wrote:

> On Sat, Jan 28, 2012 at 06:27:00PM +0100, art1 wrote:
> > Loading an utf-8 encoded tex-file and searching a string via "/
> > foo", vim sets the cursor to first match. If you press the
> > 'n'-button, vim dies with SIGFPE. 
> 
> Are you able to share that file?

Jep, the file is attached, the search term is "lstlist"

> > I have also tested vim with:
> >   * (g)vim -u NONE -U NONE -N
> >   * (g)vim -u NORC -U NORC -N
> >   * (g)vim -u NORC -U NORC --cmd 'filetype plugin indent on' -N
> > 
> > In these cases vim does not crash.
> 
> This leads me to believe that it's some setting in your vimrc that's
> causing the crash.  If that's true, then "vim -u ~/.vimrc -N" should
> exhibit the crash as well.
> 
> You can use the "finish" command to bisect your vimrc to determine
> what exactly is causing the problem.  That is, put "finish" about
> half-way through your vimrc.  If you're not able to reproduce, the
> problem is in the second half of your vimrc.  Move "finish" to half
> way through the second half of your vimrc.  Repeat.

The crash occurs with "syntax on". I am using same configuration with
debian squeeze, and no crash will be happen.

Ok, here is my local ~/.vimrc:

--- 8>< --- 8>< --- 8>< --- 8>< --- 8>< --- 8>< --- 8>< --- 8>< ---
" Highlighting-File auch in älteren VIMs öffnen
if version < 600
        let mysyntaxfile = "~/.vim/syntax/xpress.vim"
endif


" Highlighting einschalten
syntax on
finish

" Cursor-Tasten sollen nach Display-Zeile arbeiten, nicht nach
" echter Textzeile
noremap j gj
noremap k gk

" Absatz formatieren
map <C-j> v<S-}>gq<End>

" Line-Wrapping an Wortgrenzen und nicht hart am Zeilenende
set linebreak

runtime presentation.vimrc
--- ><8 --- ><8 --- ><8 --- ><8 --- ><8 --- ><8 --- ><8 --- ><8 ---

The local ~/.vim dir is:
.vim
├── filetype.vim
├── presentation.vimrc
├── scripts.vim
└── syntax
    ├── presentation_pclcomplete.vim
    ├── presentation_pcl.vim
    ├── presentation_sdlcomplete.vim
    ├── presentation_sdl.vim
    └── xpress.vim


The global vimrc is:

--- 8>< --- 8>< --- 8>< --- 8>< --- 8>< --- 8>< --- 8>< --- 8>< ---
" All system-wide defaults are set in $VIMRUNTIME/debian.vim (usually
just " /usr/share/vim/vimcurrent/debian.vim) and sourced by the call
to :runtime " you can find below.  If you wish to change any of those
settings, you should " do it in this file (/etc/vim/vimrc), since
debian.vim will be overwritten " everytime an upgrade of the vim
packages is performed.  It is recommended to " make changes after
sourcing debian.vim since it alters the value of the " 'compatible'
option.

" This line should not be removed as it ensures that various options are
" properly set to work with the Vim-related packages available in
Debian. runtime! debian.vim

" Uncomment the next line to make Vim more Vi-compatible
" NOTE: debian.vim sets 'nocompatible'.  Setting 'compatible' changes
numerous " options, so any other options should be set AFTER setting
'compatible'. "set compatible

" Vim5 and later versions support syntax highlighting. Uncommenting the
next " line enables syntax highlighting by default.
syntax on

" If using a dark background within the editing area and syntax
highlighting " turn on this option as well
"set background=dark

" Uncomment the following to have Vim jump to the last position when
" reopening a file
if has("autocmd")
  au BufReadPost * if line("'\"") > 0 && line("'\"") <= line("$")
    \| exe "normal! g'\"" | endif
endif

" Uncomment the following to have Vim load indentation rules and plugins
" according to the detected filetype.
if has("autocmd")
  filetype plugin indent on
endif

" The following are commented out as they cause vim to behave a lot
" differently from regular Vi. They are highly recommended though.
"set showcmd            " Show (partial) command in status line.
set showmatch           " Show matching brackets.
"set ignorecase         " Do case insensitive matching
set smartcase           " Do smart case matching
set incsearch           " Incremental search
set autowrite           " Automatically save before commands
like :next and :make "set hidden             " Hide buffers when they
are abandoned "set mouse=a              " Enable mouse usage (all
modes) in terminals

" Source a global configuration file if available
" XXX Deprecated, please move your changes here in /etc/vim/vimrc
if filereadable("/etc/vim/vimrc.local")
  source /etc/vim/vimrc.local
endif
--- ><8 --- ><8 --- ><8 --- ><8 --- ><8 --- ><8 --- ><8 --- ><8 ---

Hope it helps, and thanks in advance

With best regards

Andreas
-- 
Dipl. Inf. (FH) Andreas Romeyke, http://andreas-romeyke.de/

\documentclass[german,14pt]{beamer}
\usepackage[utf8x]{inputenc}
%\usepackage{libertine}
\usepackage[T1]{fontenc}
\usepackage{url}
\usepackage{listings} %für HTML-Listings
\usepackage{alltt} %verbatim umgebung
\usepackage{textcomp} %textsymbole
\usepackage{multimedia}
\usepackage{synttree} % für Bäume
\usepackage{color}
\usepackage{relsize}
\PreloadUnicodePage{0} %verhindert Probleme mit unicode in Überschriften für toc
%\usepackage{qtree}
%\qtreecenterfalse % do not center
\lstset{
	language=html,
		showspaces=false,
		showtabs=true,
		tab=\rightarrowfill,
		frameround=fttt,
		numbers=left,
		stepnumber=1,
		numberstyle=\tiny,
		numbersep=10pt,
		extendedchars=false,
		basicstyle=\ttfamily,
		keywordstyle=\bfseries\ttfamily,
		commentstyle=\color{gray}\ttfamily\small,
		linebreak=true,
xleftmargin=1cm,xrightmargin=1cm
}
\resetcounteronoverlays{lstlisting}
\title[HTML Kurs]{HTML Kurs BWL, GBS Leipzig\\
	\vspace{0.8cm}
	\large{Andreas Romeyke}\\
	\small{mailto:g...@andreas-romeyke.de}
}
\date{\today}
\author{Andreas Romeyke}
\usetheme{Hannover}
\useinnertheme{rounded}
\setbeamertemplate{blocks}[rounded][shadow=true]
\begin{document}
\begin{frame}
\titlepage
\end{frame}
\AtBeginSection[]
{
   \begin{frame}
       \frametitle{Weiter mit}
       \tableofcontents[currentsection, currentsubsection, hideothersubsections, hideothersections]
   \end{frame}
}
% List of slides
\section*{Übersicht}
\begin{frame}
\tableofcontents[subsectionstyle=hide]
\end{frame}

\section{Grundgerüst HTML}
\subsection{Elemente}
\begin{frame}
\begin{block}{Elemente}
\begin{itemize}[<+->]
\item HTML besteht aus Elementen der Form 
\begin{alltt}
<foo>...</foo>
\end{alltt}
\item Manche Elemente brauchen nicht geschlossen zu werden: 
\item Guter Stil ist es, diese \alert{immer} zu schliessen.
\begin{alltt}
<br>
\end{alltt}
\end{itemize}
\end{block}
\end{frame}

\subsection{Attribute}
\begin{frame}
\begin{block}{Attribute}
\begin{itemize}[<+->]
\item Elemente können auch Attribute tragen:
\begin{alltt}
<ele class="werbung" id="10" target="direct"></ele>
\end{alltt}
\item Attribute definieren Eigenschaften von Elemente, zB. für CSS-Zuordnung
\end{itemize}
\end{block}
\end{frame}


\subsection{Entitäten}
\begin{frame}[fragile]
\begin{block}{Kodierung einzelner Zeichen}
\begin{itemize}[<+->]
\item Die Zeichen {\textrm\textless}, {\textrm\textgreater} und {\textrm \&} werden immer ,escaped': 
\begin{alltt}
\&lt; \&gt; \&amp;
\end{alltt}
\item Text möglichst immer in UTF-8 zu schreiben (später mehr)
\end{itemize}
\end{block}
\pause
\begin{block}{benannte Entitäten}
\begin{alltt}
\&quot; \&amp;
\end{alltt}
\end{block}
\pause
\begin{block}{numerische Entitäten (Unicode)}
\verb+\&#945+ bzw. \verb+\&#x3b1+\footnote{entspricht griechischem $\alpha$}
\end{block}
\end{frame}

\subsection{UTF-8, Seitenblick}
\begin{frame}
\begin{block}{Was ist Unicode?}
\begin{itemize}[<+->]
\item Digitaler Code für alle existierenden Zeichen
\item Internationaler Standard \url{http://www.unicode.org}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}
\begin{block}{Was ist UTF-8?}
\begin{itemize}[<+->]
\item 8-bit UCS\footnote{Universal Character Set} Transformation Format
\item ein bis vier Bytes für ein Zeichen
\item 7-Bit-ASCII direkt UTF-8 abbildbar
\item kann bis zu 1.114.112 verschiedene Zeichen darstellen
\item UTF-8 ist \alert{eine} Kodierung von Unicode
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{alertblock}{BOM}
\begin{itemize}[<+->]
\item Byte Order Mark (BOM) bzw. Bytereihenfolgemarkierung
\item am Anfang von Dateien die Folge \verb+EF BB BF+, erscheint als ISO-Latin1-Zeichenfolge: \verb++
\item unnötig, sollte \alert{nicht} verwendet werden
\end{itemize}
\end{alertblock}
\end{frame}

\begin{frame}
\begin{exampleblock}{Beispiele für UTF8-Kodierung}
\scriptsize 
\begin{tabular}{rrrr}
Zeichen & Unicode & UTF-8 binär & UTF-8 sedezimal \\
\hline
Buchstabe y & U+0079 & {\tiny 01111001} & 0x79\\
Buchstabe ä & U+00E4 & {\tiny 11000011 10100100} & 0xC3 0xA4\\
reg. Marke ® & U+00AE & {\tiny 11000010 10101110}& 0xC2 0xAE\\
Euro € & U+20AC & {\tiny 11100010 10000010 10101100} & 0xE2 0x82 0xAC\\
%Violinschlüssel 𝄞 & U+1D11E & 00000001 11010001 00011110& 11110000 10011101 10000100 10011110& 0xF0 0x9D 0x84 0x9E\\
\end{tabular}
\end{exampleblock}
Quelle: \url{http://de.wikipedia.org/wiki/UTF-8}
\end{frame}

%\item 

\subsection{Kommentare}
\begin{frame}[fragile]
\begin{block}{Kommentare}
Kommentare werden wie folgt ausgezeichnet:
\begin{lstlisting}
<!-- ein Kommentar -->
\end{lstlisting}
\end{block}
\end{frame}

\subsection{Aufbau}
\begin{frame}[fragile]
Jede HTML-Seite besteht aus
\begin{itemize}[<+->]
\item Kopf
\item Körper
\end{itemize}
\pause
\begin{exampleblock}{HTML-Grundgerüst}
\begin{lstlisting}
<html>
  <head>
  </head>
  <body>
  </body>
</html>
\end{lstlisting}
\end{exampleblock}
\end{frame}
%Baumdarstellung
\begin{frame}[fragile]
\frametitle{Baumdarstellung}
\begin{exampleblock}{HTML-Grundgerüst}
\lstinputlisting{html/empty.html}
\end{exampleblock}
\pause
\begin{block}{Baum}
\center\synttree [html [head] [body]]
\end{block}
\end{frame}

\subsection{DOM}
\begin{frame}
\begin{block}{Hypertext-Markup}
\begin{itemize}[<+->]
\item Denken, des Dokumentes als \alert{Baum} ist wichtig
\item Baum $\iff$ Document Object Model (DOM)
\item ,markup' heißt ,Struktur'
\item Wird für CSS und Javascript benötigt
\end{itemize}
\end{block}
\pause
\begin{exampleblock}{Beispiel Buch}
\synttree 
[Buch 
 [Kapitel1 
  [Abschnitt1] 
  [Abschnitt2]
 ] 
 [Kapitel2] 
 [Kapitel3]
]
\end{exampleblock}
\end{frame}

%%%%%%%%%%%%%%%%% BODY %%%%%%%%%%%%%%%%%%%
\section{Rumpf}
\begin{frame}
\frametitle{Rumpf}
HTML-Dokumente bestehen aus
\pause
\begin{block}{Kopf}
\pause
\begin{itemize}[<+->]
\item »Cogito ergo sum« ;-)
\item \alert{Selbst}beschreibung des Dokumentes
\item \dots später mehr
\end{itemize}
\end{block}
\pause
\begin{block}{Rumpf}
\pause
\begin{itemize}[<+->]
\item Der ,eigentliche' Inhalt des Dokumentes
\end{itemize}
\end{block}
\end{frame}

\subsection{Text}
\begin{frame}[fragile]
\begin{alertblock}{Hinweis}
Im Rahmen des Kurses beschäftigen wir uns \alert{ausschliesslich} mit HTML 5.0.
\end{alertblock}
\pause
\begin{block}{Einfach nur Text}
Im Gegensatz zu HTML4.01 darf Text \alert{einfach so} innerhalb von \verb+<body></body>+ stehen.
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Beispiel}
\lstinputlisting[emph={body}, emphstyle=\color{blue}]{html/lorem.html}
\end{exampleblock}
\pause
\begin{alertblock}{Tipp}
\url{http://de.lipsum.com/}
\end{alertblock}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Frage}
Was passiert mit mehrfachen Leerzeichen hintereinander?
\pause
\lstinputlisting[showstringspaces=true, emph={section}, emphstyle=\color{blue}]{html/multispace.html}
\end{exampleblock}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Frage}
Was passiert mit Zeilenumbrüchen?
\pause
\lstinputlisting[showstringspaces=true,emph={body}, emphstyle=\color{blue}]{html/multinewline.html}
\end{exampleblock}
\end{frame}

\subsection{Abschnitte}
\begin{frame}[fragile]
\begin{block}{Abschnitte}
Abschnitte bestehen aus \alert{Überschriften} und \alert{zugehörigem Inhalt}
\begin{itemize}[<+->]
\item Abschnitt \verb*+<section>+ \dots \verb*+</section>+
\item Überschrift \verb*+<h1>+ \dots \verb*+</h1>+
\end{itemize}
\end{block}
\pause
\begin{block}{Semantische Gruppierung}
Überschriftenebene ist an Abschnitt gebunden.
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{alertblock}{Aber}
Überschriften können unabhängig davon geschachtelt werden
\begin{lstlisting}
<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
\end{lstlisting}
\end{alertblock}
\pause
\begin{block}{Blöcke von Überschriften}
Wenn mehrere Überschriften aufeinanderfolgen, werden diese in \verb+<hgroup></hgroup>+ zusammengefasst.
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{block}{Überschriftenebenen}
Es existieren bis zu 6 Überschriftenebenen:
\begin{lstlisting}[emph={hgroup}, emphstyle=\color{blue}]
<hgroup>
 <h1>Überschrift1</h1>
 <h2>Überschrift2</h2>
 <h3>Überschrift3</h3>
 <h4>Überschrift4</h4>
 <h5>Überschrift5</h5>
 <h6>Überschrift6</h6>
</hgroup>
\end{lstlisting}
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Beispiel}
\lstinputlisting[emph={section}, emphstyle=\color{blue}, emph={[2]h1}, emphstyle={[2]\color{brown}}
]{html/section.html}
\end{exampleblock}
\end{frame}


%%%

\begin{frame}[fragile]
\begin{block}{spezielle Abschnitte}
\begin{itemize}[<+->]
\item Kopfzeile \verb*+<header>+ \dots \verb*+</header>+
\item Fußzeile \verb*+<footer>+ \dots \verb*+</footer>+
\item Dienen in Verbindung mit CSS als Strukturelement
\item auch innerhalb von Abschnitten zulässig.
\end{itemize}
\end{block}
\pause
\begin{alertblock}{Hinweis}
Kopf- und Fußzeile werden \alert{ersteinmal} wie normale Abschnitte gerendert.
\end{alertblock}
\pause
\begin{alertblock}{Hinweis}
Innerhalb von Kopf- und Fußzeilen dürfen diese Elemente nicht erneut vorkommen.
\end{alertblock}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Beispiel}
\lstinputlisting[emph={header,footer}, emphstyle=\color{blue},
	basicstyle=\footnotesize\ttfamily,
		keywordstyle=\footnotesize\bfseries\ttfamily,
		commentstyle=\color{gray}\ttfamily\tiny,
]{html/headerfooter.html}
\end{exampleblock}
\end{frame}

\begin{frame}
\begin{exampleblock}{Baumdarstellung}
\center \footnotesize \synttree 
[html [head] [body [header [\tiny{Kopfzeile Dokument}]] [section [header [\tiny{Kopfzeile Abschnitt}]] [h1 [\tiny{Überschrift}]] [\tiny{Inhalt}]] [footer [\tiny{Fußzeile Dokument}] ] ] ]
\end{exampleblock}
\end{frame}

% Navigation und sidebar
\begin{frame}[fragile]
\begin{block}{Navigation und Seitenleiste}
\begin{itemize}[<+->]
\item Navigationsleiste \verb*+<nav>+ \dots \verb*+</nav>+
\item Seitenleiste \verb*+<aside>+ \dots \verb*+</aside>+
\item Dienen in Verbindung mit CSS ebenfalls als Strukturelement
\item auch innerhalb von Abschnitten zulässig.
\end{itemize}
\end{block}
\end{frame}

% article
\begin{frame}[fragile]
\begin{block}{Artikel}
\begin{itemize}[<+->]
\item Artikel \verb*+<article>+ \dots \verb*+</article>+
\item anwendbar für Blog-/Magazinartikel, Forumpostings, Statusmeldungen, Benutzerkommentare
\item Dienen in Verbindung mit CSS ebenfalls als Strukturelement
\item Wichtige Hilfe für Suchmaschinen
\end{itemize}
\end{block}
\end{frame}

% address
\begin{frame}[fragile]
\begin{block}{Autorenangabe}
\begin{itemize}[<+->]
\item Autorenangabe \verb*+<address>+ \dots \verb*+</address>+
\item anwendbar innerhalb von Artikeln oder für gesamtes Dokument
\item Dient in Verbindung mit CSS ebenfalls als Strukturelement
\item Wird von meisten Browsern optisch kursiv dargestellt
\end{itemize}
\end{block}
\end{frame}

\begin{frame}
\begin{exampleblock}{Übung}
Erstellen Sie eine einfache Webseite, die einem Blog nachempfunden ist und folgendes enthält:
\begin{enumerate}
\item Kopfzeile mit ,,Mein interessantes Blog''
\item Fußzeile mit Autorenangabe ,,GBS''
\item Eine Überschrift ,,Blog von \$Name''
\item zwei Artikeln mit jeweils
\begin{itemize}
\item mindestens einer Überschrift 
\item Autorenangabe
\item mindestens einem Abschnitt
\end{itemize}
\end{enumerate}
Sie können generierte Blindtexte \textit{lorem ipsum} nutzen.
\end{exampleblock}
Zeit: 15min
\end{frame}

\begin{frame}[fragile]
\begin{block}{Textabsätze}
\begin{itemize}[<+->]
\item Texte werden in Textblöcken bzw. -Absätzen organisiert
\item \verb*+<p>+ \dots \verb*+</p>+ (leitet sich von ,paragraph' ab)
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Beispiel}
\lstinputlisting[emph={p}, emphstyle=\color{blue}]{html/paragraph.html}
\end{exampleblock}
\end{frame}

\begin{frame}[fragile]
\begin{block}{Zeilenumbrüche}
Zeilenumbrüche werden durch \verb+<br />+ eingeleitet
\end{block}
\pause
\begin{block}{Automatische Zeilenumbrüche}
Text innerhalb von Absätzen, Listen, Überschriften und Tabellen werden \textit{automagisch} umgebrochen.
\end{block}
\pause
\begin{alertblock}{Hinweis}
Es gibt keinen \alert{guten} Grund, \verb+<br />+ zu benutzen.
\end{alertblock}
\end{frame}

\begin{frame}[fragile]
\subsection{Weitere Textstrukturierungselemente}
\begin{block}{Zitate}
Blockzitate, zum Hervorheben von Zitaten fremder Autoren
\begin{lstlisting}[emph={blockquote}, emphstyle=\color{blue}]
<blockquote cite="\$URL">
Zitat
</blockquote>
\end{lstlisting}
\end{block}
\pause
\begin{block}{Werk}
Bezeichnung eines Werkes durch \verb+<cite></cite>+
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{block}{,Gleit'-Objekte, beschriftete Inhalte}
\begin{lstlisting}[emph={figure}, emphstyle=\color{blue},emph={[2]figcaption}, emphstyle={[2]\color{olive}} ]
<figure>
  <figcaption>
    Beschriftung
  </figcaption>
  Inhalt
</figure>
\end{lstlisting}
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Beispiel}
\begin{lstlisting}[emph={figure}        , emphstyle=    \color{blue},emph={[2]figcaption} , emphstyle={[2]\color{olive}},emph={[3]blockquote} , emphstyle={[3]\color{brown}},emph={[4]cite}       , emphstyle={[4]\color{magenta}},	basicstyle=\small\ttfamily,		keywordstyle=\small\bfseries\ttfamily,		commentstyle=\color{gray}\ttfamily\tiny,]
<figure>
  <figcaption>
    Zitat von 
    <address>
      Johann Wolfgang Goethe
    </address>, 
    <cite>
      Faust I
    </cite>
  </figcaption>
  <blockquote>
    Ich bin der Geist, 
    der stets verneint.
  </blockquote>
</figure>
\end{lstlisting}
\end{exampleblock}
\end{frame}

\begin{frame}[fragile]
\begin{block}{Quelltext}
\begin{itemize}[<+->]
\item Quelltexte werden in \verb+<code>+ \dots \verb+<\code>+ eingefasst
\item Guter Stil ist es die Sprache über das \textit{class}-Attribut anzugeben:
\begin{lstlisting}[emph={code}        , emphstyle=    \color{blue},	basicstyle=\small\ttfamily,		keywordstyle=\small\bfseries\ttfamily,		commentstyle=\color{gray}\ttfamily\tiny,]
<code class="language-html">
  &lt;html&gt;&lt;/html&gt;
</code>
\end{lstlisting}
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{block}{vorformatierter Text}
\begin{itemize}[<+->]
\item Vorformatierter Text wird mittels \verb+<pre>+ \dots \verb+<\pre>+ eingeschlossen
\item bewahrt Leerraum (Leerzeichen und Tabulatoren werden \alert{nicht} zusammengefasst
\end{itemize}
\end{block}
\pause
\begin{alertblock}{Hinweis}
\begin{itemize}[<+->]
\item Alleinige Verwendung von  \verb+<pre>+ \dots \verb+<\pre>+ ist oft ein Zeichen schlechten Stils.
\item \verb+<pre><\pre>+ sollte immer mit \verb+<code><\code>+ oä. kombiniert werden!
\end{itemize}
\end{alertblock}
\end{frame}

\begin{frame}[fragile]
\begin{itemize}[<+->]
\item Abkürzungen \verb+<abbr></abbr>+
\item Definition \verb+<dfn></dfn>+
\item Hervorhebung \verb+<em></em>+
\item Markierung Fachwörter, anderssprachige Phrasen \verb+<i></i>+\footnote{veraltet: ,italic' für kursive Schrift}
\item Tastatureingaben \verb+<kbd></kbd>+
\item Markierter Text \verb+<mark></mark>+
\item Wörtliche Rede im Text \verb+<q></q>+
\item Beispiel-Ausgabe, zB. von Programm \verb+<samp></samp>+
\end{itemize}
\end{frame}

\begin{frame}[fragile]
\begin{itemize}[<+->]
\item Signalwirkung \verb+<strong></strong>+
\item Tief- und Hochstellen \verb+<sub></sub>+ und \verb+<sup></sup>+
\item Datums- und Zeitangaben \verb+<time></time>+\\präzise, maschinenlesbare Angaben über \textit{datetime}-Attribut
\begin{lstlisting}[emph={time}, emphstyle= \color{blue},basicstyle=\footnotesize\ttfamily,		keywordstyle=\footnotesize\bfseries\ttfamily,		commentstyle=\color{gray}\ttfamily\tiny,]
<time 
  datetime="2012-01-01T00:00+01:00">
  Neujahrstag
</time>
\end{lstlisting}
\item Variablen \verb+<var></var>+
\end{itemize}
\end{frame}

\subsection{Einfügen und Löschen}
\begin{frame}[fragile]
\begin{block}{Einfügen}
\begin{itemize}[<+->]
\item Änderungsmarkierung
\item verwendet in Wikis, Diffs, Anmerkungen
\item in Kombination mit \textit{datetime}-Attribut
\end{itemize}
\end{block}
\pause
\begin{block}{Löschen}
\begin{itemize}
\item durch \verb+<del></del>+
\item .. analog zu \verb+<ins></ins>+
\end{itemize}
\end{block}
\pause
\begin{exampleblock}{Beispiel}
\begin{lstlisting}[emph{ins},emphstyle=\color{blue},	basicstyle=\footnotesize\ttfamily,		keywordstyle=\footnotesize\bfseries\ttfamily,		commentstyle=\color{gray}\ttfamily\tiny]
Dies ist 
<ins 
   datetime="2011-0625T11:01:28+01:00">
   ein
</ins> Test.
\end{lstlisting}
\end{exampleblock}
\end{frame}

\begin{frame}
\begin{alertblock}{Hinweis}
In HTML5 tragen alle Elemente \alert{nur noch} semantische Bedeutung. Formeigenschaften werden \alert{ausschliesslich} über CSS definiert.
\end{alertblock}
\end{frame}

\subsection{allgemeine Bereiche}
\begin{frame}[fragile]
\begin{block}{Allgemeine Bereiche}
Keine sichtbare Wirkung, \alert{außer} Elemente zu gruppieren.
\end{block}
\pause
\begin{block}{div}
\verb+<div></div>+ wird dann verwendet, wenn es kein präziseres Element gibt, einen Block zu gruppieren.
\end{block}
\pause
\begin{block}{span}
Mit \verb+<span></span>+ markiert man Textbereiche, die nicht als Block behandelt, aber als Gruppe mit Eigenschaften zB. für CSS versehen werden sollen.
\end{block}
\end{frame}


%%%% hier nochj die anderen Textelemente einfügen, wie cite, blockquote, ...



\section{Verweise}
\begin{frame}[fragile]
\begin{block}{Hyperlinks}
\begin{itemize}[<+->]
\item Links \verb+<a href="+\$URL\verb+">+Beschreibungstext\verb+</a>+
\begin{itemize}[<+->]
\item \$URL verweist global auf andere Webseiten
\item \$URL verweist lokal (relativ) auf andere Webseiten
\item \$URL verweist lokal auf andere Stellen dieser oder anderer Webseiten
\end{itemize}
\item Links können auch auf Mailadressen verweisen
\item Links können andere Webseiten benachrichtigen
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{block}{Lokale Ankerpunkte}
\begin{itemize}[<+->]
\item damit innerhalb des Dokumentes auf diese Stelle verwiesen werden kann
\item werden durch \verb+<a id="+Kurztext\verb+">+Stelle, auf die gesprungen werden soll\verb+</a>+ gesetzt.
\item Kombination von \textit{id}- und \textit{href}-Attributen in einem \verb+<a></a>+ möglich
\end{itemize}
\end{block}
\pause
\begin{alertblock}{Hinweis}
Bis HTML4.01 musste das Attribut \textit{name} statt \textit{id} verwendet werden!
\end{alertblock}
\end{frame}

\begin{frame}[fragile]
\begin{exampleblock}{Beispiel}
\begin{lstlisting}[emph={a}, emphstyle={\color{blue}}]
<a href="http://google.de";>
  Link zu Google
</a>
Dies ist ein 
<a 
   id="Beispiel" 
   href="beispiel.html">
  Beispiel
</a>
Hier geht es zum 
<a href="#Beispiel">
  vorigen Beispiel
</a>
\end{lstlisting}
\end{exampleblock}
\end{frame}

\begin{frame}[fragile]
\begin{block}{Weitere Attribute}
\begin{itemize}[<+->]
\item \textit{hreflang} Kürzel beschreibt Zielsprache des Links, zB.:
\begin{lstlisting}
<a 
   href="google.com" 
   hreflang="de">
 deutschsprachig
</a>
\end{lstlisting}

\item \textit{media} gibt an, für welche Medien Ziel geeignet ist
\end{itemize}
\end{block}
\end{frame}

\begin{frame}[fragile]
\begin{block}{Weitere Attribute (2)}
\begin{itemize}[<+->]
\item \textit{type} MIME\footnote{Multipurpose Internet Mail Extensions (MIME), Internet Standard zur Definition von Dateiformaten}-Type des Linkziel-Dateiformats
\item \textit{rel} gibt Typ der Verlinkung an, zB. help, bookmark, license, nofollow, external, noreferrer \dots
\item \textit{ping} Beim Anklicken des Links werden ,POST'-Requests an referenzierte URLs gesendet
\end{itemize}
\end{block}
\end{frame}
 
% Rechtliches zu Links
\subsection{Rechtliche Mythen}
\begin{frame}
\begin{block}{Links auf andere Angebote}
Generell erlaubt. Wenn eigene Seite stark frequentiert, Zielseite dann fragen, wenn Anbieter eher klein.
\end{block}
\pause
\begin{block}{Deep-Links}
Links auch auf ,tiefe' Strukturen eines anderen Anbieters sind generell in Ordnung
\end{block}
\end{frame}

\begin{frame}
\begin{alertblock}{Linkhaftung}
Rechtssprechung hinkt hinterher. Ein Link ist aber nichts anderes als eine Erwähnung. Der \alert{Nutzer} ruft aber willentlich die Zielseite auf.
\end{alertblock}
\pause
\begin{alertblock}{Pingback}
Die Nutzung des \textit{ping}-Attributes ist aus datenschutzrechtlicher Sicht zumindest \alert{umstritten}.
\end{alertblock}
\end{frame}
\end{document}

signature.asc
Description: PGP signature