속성(Attributes) : HTML속성
HTML 요소를 구성하거나 사용자가 원하는 기준에 맞게 다양한 방식으로 동작을 조정하는 추가 값입니다.
쉽게 이야기 하자면 html 자체적 속성값을 말하는 것 입니다.
Attributes은 일반적으로 아래 예제와 같이 이름 / 값 쌍으로옵니다. name = "value"
참고 : 아래 예의 빨강색 부분이 속성명(Attributes name) 파랑색은 속성(Attributes)의 값(value)으로 보시면 될것 같습니다.
예) <div style="height:100%;">
<a href="daum.net"></a>
<span class="abc"></span>
참고 문서 html속성리스트 : https://developer.mozilla.org/ko/docs/Web/HTML/Attributes
아래표는 위 링크의 내용을 간단하게 요약한 목록 입니다. 자세한 내용을 확인하고 싶으시면 위 링크를 한번쯤 둘러보시길 권합니다.
| 속성 이름 | 요소 |
| hidden | 전역 속성 |
| high | <meter> |
| href | <a>, <area>, <base>, <link> |
| hreflang | <a>, <area>, <link> |
| http-equiv | <meta> |
| icon | <command> |
| id | 전역 속성 |
| ismap | <img> |
| itemprop | 전역 속성 |
| keytype | <keygen> |
| kind | <track> |
| label | <track> |
| lang | 전역 속성 |
| language | <script> |
| list | <input> |
| loop | <audio>, <bgsound>, <marquee>, <video> |
| low | <meter> |
| manifest | <html> |
| max | <input>, <meter>, <progress> |
| maxlength | <input>, <textarea> |
| media | <a>, <area>, <link>, <source>, <style> |
| method | <form> |
| min | <input>, <meter> |
| multiple | <input>, <select> |
| name | <button>, <form>, <fieldset>, <iframe>, <input>, <keygen>, <object>, <output>, <select>, <textarea>, <map>, <meta>, <param> |
| novalidate | <form> |
| open | <details> |
| optimum | <meter> |
| pattern | <input> |
| ping | <a>, <area> |
| placeholder | <input>, <textarea> |
| poster | <video> |
| preload | <audio>, <video> |
| pubdate | <time> |
| radiogroup | <command> |
| readonly | <input>, <textarea> |
| rel | <a>, <area>, <link> |
| required | <input>, <select>, <textarea> |
| reversed | <ol> |
| rows | <textarea> |
| rowspan | <td>, <th> |
| sandbox | <iframe> |
| spellcheck | 전역 속성 |
| scope | <th> |
| scoped | <style> |
| seamless | <iframe> |
| selected | <option> |
| shape | <a>, <area> |
| size | <input>, <select> |
| sizes | <link> |
| span | <col>, <colgroup> |
| src | <audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video> |
| srcdoc | <iframe> |
| srclang | <track> |
| srcset | <img> |
| start | <ol> |
| step | <input> |
| style | 전역 속성 |
| summary | <table> |
| tabindex | 전역 속성 |
| target | <a>, <area>, <base>, <form> |
| title | 전역 속성 |
| type | <button>, <input>, <command>, <embed>, <object>, <script>, <source>, <style>, <menu> |
| usemap | <img>, <input>, <object> |
| value | <button>, <option>, <input>, <li>, <meter>, <progress>, <param> |
| width | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> |
| wrap | <textarea> |
| border | <img>, <object>, <table> |
| buffered | <audio>, <video> |
| challenge | <keygen> |
| charset | <meta>, <script> |
| checked | <command>, <input> |
| cite | <blockquote>, <del>, <ins>, <q> |
| class | 전역 속성 |
| code | <applet> |
| codebase | <applet> |
| color | <basefont>, <font>, <hr> |
| cols | <textarea> |
| colspan | <td>, <th> |
| content | <meta> |
| contenteditable | 전역 속성 |
| contextmenu | 전역 속성 |
| controls | <audio>, <video> |
| coords | <area> |
| data | <object> |
| data-* | 전역 속성 |
| datetime | <del>, <ins>, <time> |
| default | <track> |
| defer | <script> |
| dir | 전역 속성 |
| dirname | <input>, <textarea> |
| disabled | <button>, <command>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea> |
| download | <a>, <area> |
| draggable | 전역 속성 |
| dropzone | 전역 속성 |
| enctype | <form> |
| for | <label>, <output> |
| form | <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <progress>, <select>, <textarea> |
| formaction | <input>, <button> |
| headers | <td>, <th> |
| height | <canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video> |
| accept | <form>, <input> |
| accept-charset | <form> |
| accesskey | 전역 속성 |
| action | <form> |
| align | <applet>, <caption>, <col>, <colgroup>, <hr>, <iframe>, <img>, <table>, <tbody>, <td>, <tfoot> , <th>, <thead>, <tr> |
| alt | <applet>, <area>, <img>, <input> |
| async | <script> |
| autocomplete | <form>, <input> |
| autofocus | <button>, <input>, <keygen>, <select>, <textarea> |
| autoplay | <audio>, <video> |
| autosave | <input> |
| bgcolor | <body>, <col>, <colgroup>, <marquee>, <table>, <tbody>, <tfoot>, <td>, <th>, <tr> |
변수(Arguments) : 속성에 관련된 값 또는 CSS속성
속성을 정의하는 값으로 이해하시면 될것 같습니다.
참고 : 아래 예의 빨강색 부분을 위미한다고 보시면 될것 같습니다.
예) <div style="height:100px;">
<div align="center">
'Web > HTML' 카테고리의 다른 글
| [html] 크롬 input 자동완성 차단 (0) | 2017.10.18 |
|---|---|
| HTML 01.HTML이란? (0) | 2017.05.24 |
| HTML 태그요소 (tag Element) (0) | 2017.05.23 |
| mod_rewrite의 .htaccess을 이용한 멀티 도메인 활용예 (0) | 2017.05.22 |
Comments