HTML Link href liste mit speziellen funktionen wie sms: tel: skype:?

Guten Tag,

Ich wollte fragen ob es online eine Liste für die Speziellen inhalte für den HTML-a Tag gibt spezifisch für den href attribute denn da kann man ja Z.B.:

tel: benutzen für telefonnummern oder sms: oder skype: mailto: usw...

Hoffe jemand kennt so eine liste :D

Danke fürs antworten

4 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

09.09.2021, 10:54

Du meinst das URL-Protokoll bzw. URI Schemes

Jede Anwendung (und sogar du!) kann ihr eigenes Protokoll erstellen und in deinem Rechner eintragen. Eine gesamte Liste wird es also nie geben.

Eine Liste mit offiziellen Protokollen hat dir @Babelfish schon verlinkt.

Hier noch zwei interessante Videos dazu:

https://youtu.be/46pBeyHKQuQ

https://youtu.be/WcLmMLqnKCM

kid2407

09.09.2021, 09:41

Natürlich nicht allumfassend (schließlich kann die ja jeder frei definieren, z.B. gutefrage://start), aber der Wikipedia-Artikel über URIs gibt eine Liste, die für die allermeisten Zwecke mehr als ausreichend sein dürfte: https://de.wikipedia.org/wiki/Uniform_Resource_Identifier#Schemata

Von Experte MrAmazing2 bestätigt

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

09.09.2021, 09:41

Hier findest du einen relativ umfangreiche Liste mit URI Schemen:

https://en.wikipedia.org/wiki/List_of_URI_schemes

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

FaTech

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML

09.09.2021, 09:38

Ein bisschen auf Google gesucht und das gefunden

https://beradrian.wordpress.com/2010/01/15/special-links/

Soracent

Fragesteller

09.09.2021, 09:42

Danke leider ist diese Liste von 2010 da fehlen noch paar Inhalte oder es sind inhalte drinnen die nicht mehr existieren

FaTech

09.09.2021, 09:43

@Soracent

Es wird nie eine Vollständige Liste geben. Das liegt daran, dass alle Anwendungen auf deinem PC einen solchen Link registrieren können

Hallo zusammen,
ich habe Probleme mit einem mailto tag in html.

Eigentlich sollte ein Empfänger 1 und 2 nach dem Aktivieren dort stehen, so wie ein Betreff und Text.

<a href="mailto:__senderaddress__,?cc=newsletter@test.de?subject=Newsletter_unsubscribe;?body=Lorem%20Ipsum,%0D%0A%0D%0Adolor%20sat.">Aktivieren</a>

Mir wird nur die ganze Zeit alles flasch gesetzt

__senderadress__ ist ein Platzhalter der im Finalen verschicken durch das System ersetzt wird.

Bei dem Empfänger Feld steht gerade __senderadress__ das wird im Test auch richtig ersetzt.

Im CC Feld jedoch das "newsletter@test.de?subject=Newsletter_unsubscribe; ?body=Lorem Ipsum,; dolor sat."

Ich stehe glaube ich ein wenig auf dem Schlauch...

...zur Frage

Html und Css; Wieso wird der Text am Ende als Link dargestellt?

Hallo,

es geht um folgenden Code:

<!doctype html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="widt=device-width, initale-scale=1">
        <meta name="description" content="Beschreibung">
        <title>Test html Grundgeruest</title>
    </head>
    <body>
    </body>
</html>

</br>
</br>
</br>

ERSTELLUNG EINES LINKS</br>
<a href="irgendwohin.html">Hier Klicken</a>
Nach "href=" steht die Datei, die aufgerufen werden soll, diese muss in Gänsefüsschen stehen.</br>
"Hier Klicken" ist der für den Benutzer sichtbare Text, der angeklickt </br>
werden soll. Achtung Attribute wie href stehen immer nur im Start-Tag, nie im End-Tag.</br>
</br>
</br>
</br>

EINFÜGEN VON BILDERN</br>
<img src="https://localhost/Schulung_Html_und_Css/Html/Vorgang_02_HTML_Grundgeruest/Bilder/test.jpeg" alt="kurzbeschreibung" width="50px" height="50px">
</br>
</br>



    <!--
    - Beachte dass das Bild im selben Ordner liegen muss oder ein eindeutiger Link erzeugt werden muss.
    Wobei darauf zu achten ist, in welche die "/" schauen.
    -->
</br>
</br>
</br>
</br>



<p> Hier kann ein Text dargestellt werden </P>
<p> Hier kann ein weiterer Text dargestellt werden </p>
    <!--
    - Hat den Vorteil dass mit einem Stylesheet alle mit <p> gekennzeichneten "Container" mit einer Eingabe oder Umstellung Formatiert werden können.
    -->



<ul>
    <li><a href="https://www.google.com/">Google</></li>
    <li><a href="https://www.youtube.com/">Youtube</></li>
    <li><a href="https://www.bing.com/">Bing</></li>
    <li><a href="https://www.y-informer.com">y-informer.com</></li>
</ul>    

</br>
</br>
</br>

<p> Dies ist die Xampp installation</p>


    <!-- so wird ein Kommentar eingefügt. Dieser ist für den Besucher der Webseite nicht lesbar.
        Innerhalb des kommentars können auch html Befehle  eingegeben werden. Diese sollen zumindest
        keine auswirkungen auf die Eingabe haben.
        
        - Fehler der mir unterlaufen ist. Beim Einfügen von Bildern, sofern dieser im selben Ordner liegt muss hinter dem
        <img src noch ein "=" Zeichen. Wenn das Bild in einem leserlichen Format ist klappt es.
        -- Sofern das Bild an einem anderen Ort liegt, klappt es aber nicht, an der Lösung wird noch gearbeitet.
        
        Beachte:
        - Dateifadsangaben im internet -> "/"
        - Dateifadsangaben im Betriebssystem -> "\"
        - Die Angabe "localhost" beinhaltet bereits die "htdocs" entsprehcend ist im weiteren nur noch der Projektordner anzugeben.
        
        Merke: bei dem eigentlichen Turtorial:
        - Die Xamp Installation und Konfiguration durchgehen
        - kurze einführung wie das funktioniert mit dem Webspace -> PC -> Server -> Webspace -> Domain und so weiter.
        
    -->

Wenn ich mir den Code im Browser ansehe wird der Teil unten:


<p> Dies ist die Xampp installation</p>

als Link dargestellt wieso ist das so?

...zur Frage

Wie kann ich aus einer Excel Zelle bestimmte Zeichen löschen?

Ich möchte aus einer Liste von verschieden geschriebenen Telefonnummern, alle Zeichen ausser den Zahlen, Leerzeichen, + , und () löschen?

Also die Daten liegen z.B. so vor: (0)12345435 +49 2341432 43242 +49 4324-4324 Tel.: 3424234324 Telefon: 434321 / 4234

Ich will immer nur die oben genannten Zeichen erhalten, alles andere entfernen.

...zur Frage

Dark-Mode White-Mode Schalter Position verschieben?

Guten Abend, ich benötige Hilfe bei einer Website, die ich derzeit programmiere. Ich versuche einen "Dark-Mode" An-Aus Schalter hinzuzufügen. Dabei stoße ich derzeit auf ein Problem: Ich würde den betreffenden 'Knopf' zum ändern der Hintergrundfarbe gerne an den oberen, rechten Seitenrand verschieben, jedoch finde ich nicht den richtigen Befehl an der richtigen Stelle dazu. Ihr kennt euch sicherlich besser mit so etwas aus. Vielen Dank schon mal im Voraus.

(Entschuldigung für die fehlende Formatierung, die Nachricht hätte sonst zu viele Zeichen) + (CSS-Datei befindet sich in den Kommentaren)

Hier der Code der HTML-Seite:

<html lang="de">
<head>
<meta charset=utf-8>
<title>Test-Titel(Tab)</title>
<link rel="Stylesheet" href="TestSeite.css">
</head>
<body>

<form>

<!-- LOGO -->

<div class="Logo">

<a href="https://www.google.com/"> <img src="ImpressumsSymbol (sklein).png"> </a>

</div>

<!-- ----- -->

<!-- HIER BEFINDET SICH DIE FRAGE -->

<input id="dark-mode" class="toggle" type="checkbox" name="Dark mode" role="switch" value="on">

<div class="curtain"></div>

<!-- UEBERSCHRIFT -->

<div class="Ueberschrift">

<h1> <b> ÜBERSCHIRFT </b> </h1>

<h2> IMPRESSUM </h2>

</div>

<!-- ----- -->

<!-- BUTTONS -->

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<!-- ----- -->

<!-- KONTAKT -->
<div class="Impressum">

<h2> <u> TEXT </u> </h2>

</div>

<center>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
<br>
TEXT
</p>
<p>
TEXT
<br>
TEXT
</p>

<p> TEXT </p>

</center>
<!-- ----- -->
<!-- IMPRESSUM -->
<div class="Impressum">

<h2> <u> IMPRESSUM </u> </h2>

<h3>TEXT</h3>

<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p> TEXT
<br>
TEXT
</p>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
</p>

<h2>TEXT</h2>
<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p>
<a href="https://www.google.com/" class="link">TEXT</a>

</p>
<p>
TEXT
</p>

<h3>Haftung für Inhalte</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

</div>

<!-- ----- -->





</form>

</body>

</html>

...zur Frage

Wer wurde durch die "ihr Paket wurde versendet " SMS gehackt?

ich habe die allgemein bekannte sms "ihr paket wurde versendet" bekommen, also wollte ich herausfinden woher die meine handynummer haben, ich habe mich über die sms informiert und herausgefunden, dass die telefonnummern aus anderen gehackten handys stammen, welche dann die sms bekommen haben(und immer so weiter) also hab ich mir gedacht wenn meine nummer auf der liste gelandet ist muss einer meiner kontakte den link angeklickt haben und so meine nummer "gestohlen" bekommen haben, jemand tipps wie ich herausfinde wer den link angeklickt hat?
kann ich außerdem jemanden dafür zur rechenschaft ziehen, dass er meine nummer "verloren" hat? und kann ich rechtlich gesehen jeden meine kontake dazu zwingen meine handynummer aus seinem telefon zu löschen?

...zur Frage

HTML Console Tabelleninhalt Eingabe über Console ändern?

Hallo,

ich habe eine lange HTML liste bei der die Preise manuell in HTML in einer Tabelle geändert werden müssen.

Ist es möglich über die Inspect Console von Chrome die Inhalte der Tabelle in einem Batch zu ändern?

So sehen die Felder aus die in der Tabelle geändert werden sollen:

(gespeichert werden dann alle Werte dann mit der Enter Taste in einem der Felder)

Die Tabelle hat folgenden Code:

<td id="LAYOUT_DONNEES_PRIX-2-16-cell" class="z_c1_bpslay2stdData" style="text-align: right;"><input name="LAYOUT_DONNEES_PRIX-2-16" size="4 " maxlength="70 " class="z_c1_bpslay2Edf" style="text-align: right;" value="0,00"></td>

Die neuen Zeilen hätten dann folgende ID:

id="LAYOUT_DONNEES_PRIX-2-16-cell"

id="LAYOUT_DONNEES_PRIX-3-16-cell"

id="LAYOUT_DONNEES_PRIX-4-16-cell"

und geändert werden müsste jeweils nur die Value:

value="0,00"

Falls ihr mir sagen könnt, was Ich in der Console eingeben muss um einen Inhalt zu ändern wäre mir sehr geholfen.

Ich bin ein absoluter noob in diesem Gebiet und einfach

change <id="LAYOUT_DONNEES_PRIX-2-16-cell" value="1,00">

eingeben funktioniert leider nicht :D

Ich hoffe ihr habt verstanden was ich brauche :)

Vielen Dank und viele Grüße

Jens

...zur Frage

Schmuddel-Accounts auf Instagram?

Es nervt nur noch! Jeden Tag bekomme ich auf Instagram irgendwelche Follower, die eindeutig Werbung für Sex-Seiten machen. Da sind schon auf dem Profilbild dralle Brüste zu sehen und in der Beschreibung geht es um "heiße Bilder" und solch einen Kram. Ich bin nicht verklemmt oder sowas, aber ich möchte diese Dinger nicht in der Liste meiner Follower haben und muss deshalb jeden Morgen erstmal löschen.

Mittlerweile habe ich meinen Account auf "privat" gestellt und kann die schmutzigen Abo-Anfragen direkt löschen. Allerdings sehen dann auch wirklich interessierte User nicht mehr meine Bilder und bleiben als Follower weg.

Ständig melden bringt irgendwie auch nichts, weil man sich durch ein Menü an vorgefertigten Fragen klicken muss, die am Ende zu nichts führen.

Facebook, zu dem Instagram ja mittlerweile gehört, hat sonst so extrem strenge Richtlinien, was diese speziellen Inhalte angeht, aber scheinbar werden diese Accounts geduldet. Wie sind Eure Erfahrungen und welche Maßnahmen könnte man noch ergreifen?

...zur Frage

Link geht nicht ohne https oder http?

wenn mein Link <a href="google.de">google.de</a>

heißt wieso führt der mich dann zu http://localhost/google.de

wie kann ich das beheben ohne ein http oder https davor machen zu müssen? (weil ich kann nicht immer nur http oder https)

der Link ist nur ein Beispiel

Danke im vorraus

...zur Frage

Fehler bei der ausgabe HTML & JS?

Bei folgendem Code gibt es nicht den eingegebenen Text aus

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Einkaufsliste</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,700;1,400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
    <style>
        body{
            background-color: rgb(0, 83, 238);
            font-family: 'Noto Serif', serif;
        }
        .content{
            background-color: white;
            width: 600px;
            margin-left: 660px;
            margin-right: 660px;
            margin-top: 20px;
        }
        .content h1{
            text-align: center;
            font-size: 60px;
        }
        .content form{
            padding-left: 125px;
            width: 200px;
        }


    </style>
</head>
<body>
    <div class="content">
        <h1>Einkaufsliste</h1>


        <!-- Simple Textfield -->
<form action="#">
    <div class="mdl-textfield mdl-js-textfield">
      <input class="mdl-textfield__input"  type="text" id="liste1">
      <label class="mdl-textfield__label"  for="liste1">Produkt</label>
    
    </div>
    <button onclick="subFunc()" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect">
        <i class="material-icons">add</i>
        <p><var liste></var></p>
      </button>
  </form>
  
  <script>
      function subFunc(){
      var liste = document.getElementById('liste1')
      document.write(liste)


    }
  </script>


    </div>
</body>
</html>

...zur Frage

CSS Vertikaler Strich?

Guten Tag

Wie kann ich diesen Vertikalen Strich auf die Schrift anpassen?

Bild 1: Der Strich ist zu kurz auf kleinen Bildschirmen.

Bild 2: Der Strich ist zu lang.

...zur Frage

HTML Email Style wird nicht richtig gerendert?

Folgender Code:

<html>
    <body>
        <div style="font-family: arial;">
            <h1 style="color: #007bff; letter-spacing: 2px; font-weight: 500;">Neue Nachicht von der Website!</h1>
            <div>
                <h2 style="margin-top: 2rem; margin-bottom: .5rem; letter-spacing: 2px; font-weight: 500;">Kontaktdaten</h2>
                <div style="margin-right: 70px; display: inline-block;">
                    <p style="margin: .6rem 0;">Vorname:</p>
                    <p style="margin: .6rem 0;">Nachanme:</p>
                    <p style="margin: .6rem 0;">Email Adresse:</p>
                    <p style="margin: .6rem 0;">Telefonnummer:</p>
                </div>
                <div style="display: inline-block;">
                    <p style="margin: .6rem 0;">${ firstname }</p>
                    <p style="margin: .6rem 0;">${ lastname }</p>
                    <p style="margin: .6rem 0;"><a style="color: #007bff; text-decoration: none;" href="mailto:${ email }">${ email }</a></p>
                    <p style="margin: .6rem 0;">${ htmlPhone }</a></p>
                </div>
            </div>
            <div>
                <h2 style="margin-top: 3rem; margin-bottom: 1rem; letter-spacing: 2px; font-weight: 500;">${ subject }</h2>
                <div style="font-size: 17px; padding-right: 11%; max-width: 900px;">${ message }</div>
            </div>
        </div>
    </body>
</html>

Eigentlich sollten bei den Kontaktdaten 2 Divs nebeneinander sein. Funktioniert auch wenn ich die Email über gmail.com aufrufe. Aber nicht in Windows Mail etc. Woran liegt das?

...zur Frage

Größe des Eltern div-Container an die Größe der Kinder div-Container anpassen?

Hey Leute. Ich bin gerade dabei eine Seite zu erstellen und gleichzeitig CSS zu lernen.

Jetzt bin ich dabei eine Seite zu designen, die Einzelheiten eines Benutzers zeigen soll. Nur bekomme ich das mit den div-Containern einfach nicht hin.

Meinem Verständnis nach ist das so, dass wenn ich einen Container habe, in dem zwei weitere Container sind die nebeneinander angeordnet sind und ich dann beiden die Höhe 100% gebe, dann müssten beide doch die maximale Höhe des Eltern Containers annehmen, oder verstehe ich da was falsch? Weil ich bekomme das einfach nicht auf die Reihe. Ich hab mal ein Bild angehängt in dem der Eltern Container (grau) der erste Kind Container (grün) und der zweite Kind Container (gelb) eingefärbt sind. Und da sieht man gut dass der Kind Container einfach über dem Eltern Container hinausschießt..

Ich hänge nochmal den Code aus dem HTML und dem CSS an. Vielleicht habe ich ja auch einen Denkfehler oder kenne mich einfach nur noch nicht genug in CSS aus und jemand kann mir helfen :)

Hier die Container: (Ich hoffe der Code wird richtig eingefügt. Irgendwie ändert sich hier im gutefrage Editor nichts)

<div class="benutzerprofil">
<div class="anschrift">
    <div class="uberschrift">
        <a class="uberschrift">Anschrift</a>
    </div>
    <div class="inhalt">
        <a class="anschrift">
        <?= $user->vorname . " " . $user->nachname ?><br>
        <?= $user->strasse . ", " . $user->hausnummer ?><br>
        <?= $user->postleitzahl . " " . $user->wohnort ?><br>
        <?= $user->bundesland ?>
        </a>
    </div>
</div>

<div class="erreichbar">
    <div class="uberschrift">
        Partner erreichbar unter
    </div>
    <div class="inhalt">
        <span class="erreichbar">
        E-Mail Adresse: <a href="mailto:<?= $user->email ?>"><?= $user->email ?></a><br>
        Handynummer: <?= (($user->handynummer==null)?"Nicht angegeben":$user->handynummer) ?><br>
        Telefonnummer: <?= (($user->telefonnummer==null)?"Nicht angegeben":$user->telefonnummer) ?>
        </span>
    </div>  
</div>
</div>

Und hier der CSS Code dafür:

div.anschrift {
    height: 25%;
    background-color: gray;
}

div.anschrift > div.uberschrift {}
    float: left;
    background-color: green;
    height: 100%;
}

div.anschrift > div.inhalt {
    height: 100%;
    background-color: yellow;
}

...zur Frage

Wie kann ich mit JavaScript ALLE aktuell laufenden Geräusche beenden?

Wenn eine neue Audio startet sollen erst alle noch laufenden Audios beendet werden, damit man immer nur eine hört und nicht mehrere. Mein Code sieht zurzeit so aus:

function play1() {
    var audio = new Audio('Music/1.mp3');
    audio.play();
    audio.addEventListener('ended', (event) => {
        play2();
    });
}

function play2() {
    var audio = new Audio('../002/Music/1.mp3');
    audio.play();
    audio.addEventListener('ended', (event) => {
    });
}

und es gibt jeweils 1 Knopf für play1 und play2 zum starten.

...zur Frage

Element Untersuchen bei Browsern ohne rechtklick?

Man kann ja auf fast allen seiten per rechtklick nachgucken was der Programmierer der Seite gemacht hat. Element untersuchen heißt es wenn man auf der Seite rechtsklickt.

Wie kann man sowas nachgucken bei seiten wo der rechtsklick deaktiviert ist ?

Um den Quelltext einer Seite nachzugucken kann man ja ein Code vor die URL schreiben um zum Quellcode zu gelangen. Gibt es auch solch ein Code fürs Element untersuchen ???

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen