Merhabalar, bu bölümde html etiketleri içinde kullanabileceğiniz attribute’ların bir listesini görüyor olacaksınız

Standart Attribute’lar

Bu özellikler tüm etiketlerle kullanılabilir.

HTML Standart Özellikler

accesskeyBu özellik aktif nesneye klavyeden bir kısayol tuşu tanımlar.
classNesneye css ile oluşturulmuş bir veya daha fazla sınıf ataması tanımlar.
contenteditableNesnenin düzenlenip düzenlenemeyeceğini tanımlar.
contextmenuNesneyi bir menü ile ilişkilendirir.
dirNesnedeki içeriğin yazılış yönünü tanımlar.
draggableNesnenin sürüklenebilir olup olmadığını tanımlar.
dropzoneNesne sürükle-bırak işlemi yapıldıktan sonra tarayıcının ne yapacağını tanımlar.
hiddenNesnenin henüz, artık veya uygun olmadığını belirtir.
idNesneye benzersiz bir kimlik tanımlar.
langNesne içeriğinin dil tanımlamasını yapar.
spellcheckNesne içeriğinin dil bilgisi ve yazım kurallarının denetlenmesini sağlar.
styleNesneye satır içi biçim tanımlar.
tabindexNesnelerin sekme sırasını tanımlar.
titleNesneye başlık tanımlar.
translateNesnenin başka dile çevrilip çevrilmeyeceğini tanımlar.

Tüm Liste

Attribute NameElementsDescription
accept<form><input>List of types the server accepts, typically a file type.
accept-charset<form>List of supported charsets.
accesskeyGlobal attributeKeyboard shortcut to activate or add focus to the element.
action<form>The URI of a program that processes the information submitted via the form.
align<applet><caption><col><colgroup><hr><iframe><img><table><tbody><td><tfoot> , <th><thead><tr>Specifies the horizontal alignment of the element.
allow<iframe>Specifies a feature-policy for the iframe.
alt<applet><area><img><input>Alternative text in case an image can’t be displayed.
async<script>Executes the script asynchronously.
autocapitalizeGlobal attributeSets whether input is automatically capitalized when entered by user
autocomplete<form><input><select><textarea>Indicates whether controls in this form can by default have their values automatically completed by the browser.
autofocus<button><input><keygen><select><textarea>The element should be automatically focused after the page loaded.
autoplay<audio><video>The audio or video should play as soon as possible.
background<body><table><td><th>Specifies the URL of an image file.Note: Although browsers and email clients may still support this attribute, it is obsolete. Use CSS background-image instead.
bgcolor<body><col><colgroup><marquee><table><tbody><tfoot><td><th><tr>Background color of the element.Note: This is a legacy attribute. Please use the CSS background-color property instead.
border<img><object><table>The border width.Note: This is a legacy attribute. Please use the CSS border property instead.
buffered<audio><video>Contains the time range of already buffered media.
capture<input>From the Media Capture specification, specifies a new file can be captured.
challenge<keygen>A challenge string that is submitted along with the public key.
charset<meta><script>Declares the character encoding of the page or script.
checked<command><input>Indicates whether the element should be checked on page load.
cite<blockquote><del><ins><q>Contains a URI which points to the source of the quote or change.
classGlobal attributeOften used with CSS to style elements with common properties.
code<applet>Specifies the URL of the applet’s class file to be loaded and executed.
codebase<applet>This attribute gives the absolute or relative URL of the directory where applets’ .class files referenced by the code attribute are stored.
color<basefont><font><hr>This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format.Note: This is a legacy attribute. Please use the CSS color property instead.
cols<textarea>Defines the number of columns in a textarea.
colspan<td><th>The colspan attribute defines the number of columns a cell should span.
content<meta>A value associated with http-equiv or name depending on the context.
contenteditableGlobal attributeIndicates whether the element’s content is editable.
contextmenuGlobal attributeDefines the ID of a <menu> element which will serve as the element’s context menu.
controls<audio><video>Indicates whether the browser should show playback controls to the user.
coords<area>A set of values specifying the coordinates of the hot-spot region.
crossorigin<audio><img><link><script><video>How the element handles cross-origin requests
csp <iframe>Specifies the Content Security Policy that an embedded document must agree to enforce upon itself.
data<object>Specifies the URL of the resource.
data-*Global attributeLets you attach custom attributes to an HTML element.
datetime<del><ins><time>Indicates the date and time associated with the element.
decoding<img>Indicates the preferred method to decode the image.
default<track>Indicates that the track should be enabled unless the user’s preferences indicate something different.
defer<script>Indicates that the script should be executed after the page has been parsed.
dirGlobal attributeDefines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
disabled<button><command><fieldset><input><keygen><optgroup><option><select><textarea>Indicates whether the user can interact with the element.
download<a><area>Indicates that the hyperlink is to be used for downloading a resource.
draggableGlobal attributeDefines whether the element can be dragged.
enctype<form>Defines the content type of the form data when the method is POST.
enterkeyhint <textarea>contenteditableThe enterkeyhint specifies what action label (or icon) to present for the enter key on virtual keyboards. The attribute can be used with form controls (such as the value of textarea elements), or in elements in an editing host (e.g., using contenteditable attribute).
for<label><output>Describes elements which belongs to this one.
form<button><fieldset><input><keygen><label><meter><object><output><progress><select><textarea>Indicates the form that is the owner of the element.
formaction<input><button>Indicates the action of the element, overriding the action defined in the <form>.
formenctype<button><input>If the button/input is a submit button (type="submit"), this attribute sets the encoding type to use during form submission. If this attribute is specified, it overrides the enctype attribute of the button’s form owner.
formmethod<button><input>If the button/input is a submit button (type="submit"), this attribute sets the submission method to use during form submission (GETPOST, etc.). If this attribute is specified, it overrides the method attribute of the button’s form owner.
formnovalidate<button><input>If the button/input is a submit button (type="submit"), this boolean attribute specifies that the form is not to be validated when it is submitted. If this attribute is specified, it overrides the novalidate attribute of the button’s form owner.
formtarget<button><input>If the button/input is a submit button (type="submit"), this attribute specifies the browsing context (for example, tab, window, or inline frame) in which to display the response that is received after submitting the form. If this attribute is specified, it overrides the target attribute of the button’s form owner.
headers<td><th>IDs of the <th> elements which applies to this element.
height<canvas><embed><iframe><img><input><object><video>Specifies the height of elements listed here. For all other elements, use the CSS height property.Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead.
hiddenGlobal attributePrevents rendering of given element, while keeping child elements, e.g. script elements, active.
high<meter>Indicates the lower bound of the upper range.
href<a><area><base><link>The URL of a linked resource.
hreflang<a><area><link>Specifies the language of the linked resource.
http-equiv<meta>Defines a pragma directive.
icon<command>Specifies a picture which represents the command.
idGlobal attributeOften used with CSS to style a specific element. The value of this attribute must be unique.
importance <iframe><img><link><script>Indicates the relative fetch priority for the resource.
integrity<link><script>Specifies a Subresource Integrity value that allows browsers to verify what they fetch.
intrinsicsize <img>This attribute tells the browser to ignore the actual intrinsic size of the image and pretend it’s the size specified in the attribute.
inputmode<textarea>contenteditableProvides a hint as to the type of data that might be entered by the user while editing the element or its contents. The attribute can be used with form controls (such as the value of textarea elements), or in elements in an editing host (e.g., using contenteditable attribute).
ismap<img>Indicates that the image is part of a server-side image map.
itempropGlobal attribute 
keytype<keygen>Specifies the type of key generated.
kind<track>Specifies the kind of text track.
label<optgroup><option><track>Specifies a user-readable title of the element.
langGlobal attributeDefines the language used in the element.
language <script>Defines the script language used in the element.
loading <img><iframe>Indicates if the element should be loaded lazily (loading="lazy") or loaded immediately (loading="eager").
list<input>Identifies a list of pre-defined options to suggest to the user.
loop<audio><bgsound><marquee><video>Indicates whether the media should start playing from the start when it’s finished.
low<meter>Indicates the upper bound of the lower range.
manifest <html>Specifies the URL of the document’s cache manifest.Note: This attribute is obsolete, use <link rel="manifest"> instead.
max<input><meter><progress>Indicates the maximum value allowed.
maxlength<input><textarea>Defines the maximum number of characters allowed in the element.
minlength<input><textarea>Defines the minimum number of characters allowed in the element.
media<a><area><link><source><style>Specifies a hint of the media for which the linked resource was designed.
method<form>Defines which HTTP method to use when submitting the form. Can be GET (default) or POST.
min<input><meter>Indicates the minimum value allowed.
multiple<input><select>Indicates whether multiple values can be entered in an input of the type email or file.
muted<audio><video>Indicates whether the audio will be initially silenced on page load.
name<button><form><fieldset><iframe><input><keygen><object><output><select><textarea><map><meta><param>Name of the element. For example used by the server to identify the fields in form submits.
novalidate<form>This attribute indicates that the form shouldn’t be validated when submitted.
open<details><dialog>Indicates whether the the contents are currently visible (in the case of a <details> element) or whether the dialog is active and can be interacted with (in the case of a <dialog> element).
optimum<meter>Indicates the optimal numeric value.
pattern<input>Defines a regular expression which the element’s value will be validated against.
ping<a><area>The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink.
placeholder<input><textarea>Provides a hint to the user of what can be entered in the field.
poster<video>A URL indicating a poster frame to show until the user plays or seeks.
preload<audio><video>Indicates whether the whole resource, parts of it or nothing should be preloaded.
readonly<input><textarea>Indicates whether the element can be edited.
referrerpolicy<a><area><iframe><img><link><script>Specifies which referrer is sent when fetching the resource.
rel<a><area><link>Specifies the relationship of the target object to the link object.
required<input><select><textarea>Indicates whether this element is required to fill out or not.
reversed<ol>Indicates whether the list should be displayed in a descending order instead of a ascending.
rows<textarea>Defines the number of rows in a text area.
rowspan<td><th>Defines the number of rows a table cell should span over.
sandbox<iframe>Stops a document loaded in an iframe from using certain features (such as submitting forms or opening new windows).
scope<th>Defines the cells that the header test (defined in the th element) relates to.
scoped  <style> 
selected<option>Defines a value which will be selected on page load.
size<input><select>Defines the width of the element (in pixels). If the element’s type attribute is text or password then it’s the number of characters.
slotGlobal attributeAssigns a slot in a shadow DOM shadow tree to an element.
spellcheckGlobal attributeIndicates whether spell checking is allowed for the element.
src<audio><embed><iframe><img><input><script><source><track><video>The URL of the embeddable content.
srcset<img><source>One or more responsive image candidates.
start<ol>Defines the first number if other than 1.
styleGlobal attributeDefines CSS styles which will override styles previously set.
summary <table> 
tabindexGlobal attributeOverrides the browser’s default tab order and follows the one specified instead.
target<a><area><base><form>Specifies where to open the linked document (in the case of an <a> element) or where to display the response received (in the case of a <form> element)
titleGlobal attributeText to be displayed in a tooltip when hovering over the element.
translateGlobal attributeSpecify whether an element’s attribute values and the values of its Text node children are to be translated when the page is localized, or whether to leave them unchanged.
type<button><input><command><embed><object><script><source><style><menu><link>Defines the type of the element.
value<button><data><input><li><meter><option><progress><param>Defines a default value which will be displayed in the element on page load.
width<canvas><embed><iframe><img><input><object><video>For the elements listed here, this establishes the element’s width.Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead.
wrap<textarea>Indicates whether the text should be wrapped.

Kaynak :

What's Your Reaction?

Murat Bilginer
21 Şubat 1992'de doğdum. Endüstri Mühendisi olarak lisansımı 2016 yılında tamamladım. Industryolog Akademi - NGenius oluşumlarının kurucusuyum. Şu anda kendi şirketim Brainy Tech ile Web ve Mobil Geliştirme, AWS, Google Cloud Platform Sistemleri İçin DevOps, Big Data Analiz ve Görselleştirme hizmetleri sunmakta ve Online Eğitimler vermekteyiz.