Webmaster общности: Predpriemach.com | SearchEngines.bg

    HTML урок 3 атрибути

    HTML

    Предишен урок: HTML урок 2 Примери и Елементи

    HTML атрибути

    • HTML елементите може да имат атрибути
    • Атрибутите предоставят допълнителна информация за даден артикул.
    • Атрибутите винаги са посочени в началния маркер.
    • Атрибутите са в двойки име/стойност, например: name = „value“

    Пример за атрибут

    HTML връзките са дефинирани в маркера <a>. Адресът на връзката е посочен в атрибута href:

    <a href=“http://web-tourist.net/“>web tourist</a>

    Така изглежда на страницата линка

    Винаги поставяйте котировки за стойности на атрибутите

    Стойностите на атрибутите трябва винаги да бъдат затворени в кавички.

    Обикновено се използват двойни кавички, но са разрешени и единични кавички.

    Съвет: В някои редки ситуации, когато самата стойност на атрибута съдържа кавички, е необходимо да се използват единични кавички: name = ‘Иван „Иво“ Петров „

    HTML съвет: Използвайте низови атрибути

    Имената на атрибутите и стойностите на атрибутите не зависят от регистъра.

    Консорциумът от World Wide Web (W3C) обаче препоръчва малки атрибути / стойности на атрибути в HTML 4.

    По-новите версии на (X) HTML изискват малки атрибути.

    Каталог на HTML атрибути

    По-долу е даден списък на някои атрибути, които са стандартни за повечето HTML елементи:

    атрибутстойностописание
    classиме на класаУказва името на клас за елемента.
    idидентификаторПосочва уникален идентификатор за даден артикул.
    styleопределение за стилУказва стил на вграждане за елемент.
    titleтекст подсказка Показва допълнителна информация за артикула (показва се подсказка)

    Езикови атрибути

    Не се използва в base, br, frame, frameset, hr, iframe, param и script елементи.

    атрибутстойностописание
    dirltr
    rtl
    Указва посоката на текста за съдържанието на елемент
    langLanguageIDУказва езиковия код за съдържанието на елемента. 
    xml: langLANGUAGE_CODEУказва езиковия код за съдържанието на елемент в XHTML документи. 

    Атрибути на клавиатурата

    атрибутстойностописание
    accesskeyсимволПосочва бърз клавиша за достъп до елемент
    tabindexчислотоОпределя реда на раздела на елемента.

    Стандартни атрибути на събитията

    HTML 4 добави възможността да реагира на събития в браузъра, например да стартира JavaScript скрипт, когато потребителят кликне върху елемент.

    За да научите повече за програмирането на реакции на събития, моля, посетете нашите уроци за JavaScript и нашите уроци за DHTML.

    По-долу са стандартните атрибути на събитията, които могат да бъдат вмъкнати в HTML / XHTML елементи за дефиниране на реакциите на събитията.

    Събития <body> и <frameset>

    Двата атрибута по-долу могат да се използват само в <body> или <frameset>:

    атрибутстойностописание
    onloadСкриптСкриптът, който се изпълнява при зареждане на документа
    onunloadСкриптСкриптът, който се изпълнява при качване на документа (затваряне на страницата)

    Форма събития

    Атрибутите по-долу могат да бъдат използвани във формулярни елементи:

    атрибутстойностописание
    onblurСкриптСкриптът се изпълнява, когато елемент губи фокус
    onchangeСкриптИзпълнение на скрипт, когато елемент се промени
    onfocusСкриптСкриптът се изпълнява, когато елемент получи фокус
    onresetСкриптИзпълнение на скрипта, когато формата е нулирана
    onselectСкриптИзпълнение на скрипта, когато е избран елемент
    onsubmitСкриптСценарият, който се изпълнява при подаване на формата

    Изображение Събития

    Атрибутът по-долу може да се използва с елемента img:

    атрибутстойностописание
    onabortСкриптИзпълнение на скрипта, когато зареждането на изображението е прекъснато

    Събития на клавиатурата

    Използва се във всички елементи, с изключение на база, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style и title.

    атрибутстойностописание
    onkeydownСкриптСкриптът се изпълнява при натискане на клавиш
    onkeypressСкриптСкрипт, който се стартира, когато се натисне клавиш и след това се освободи
    onkeyupСкриптСкриптът се изпълнява при освобождаване на клавиша

    Събития на мишката

    Използва се във всички елементи, с изключение на база, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style и title.

    атрибутстойностописание
    OnClickСкриптСкриптът се изпълнява при щракване с мишката
    ondblclickСкриптКликнете два пъти върху скрипта
    onmousedownСкриптСкриптът, който се стартира, когато щракнете върху мишката
    onmousemoveСкриптСкриптът, който се изпълнява, когато показалецът на мишката се движи
    onmouseoutСкриптСкрипт, който се изпълнява, когато показалеца на мишката се движи извън елемента
    onmouseoverСкриптСкрипт, който се изпълнява, когато мишката се движи върху елемент
    onmouseupСкриптСкриптът, който се стартира, когато пуснете бутона на мишката

    Прочетете още: HTML урок 4 заглавия и параграфи

    Оставете коментар