windmii
116
2021-02-01 15:10:46
7
251

<input></input> 과 <input /> 차이 질문드려요...


안녕하세요 JS공부하다가 궁금한게 생겨서 질문 드립니다..

매우 기초적인것 같은데... 찾아봐도 찾아볼 키워드를 모르겠어서 검색하다 질문드립니다..

<input></input> 로 쓸 때도 있고  <input              />  이렇게 해서 마무리 하는 경우도 있던데

이 둘의 차이가 궁금합니다..


이런걸 뭐라고 하나요? 싱글태그?태그생략?  ㅠ



감사합니다.



0
  • 답변 7

  • 슥쇽샥
    58
    2021-02-01 15:17:07

    input에 대해 궁금하면 메인 페이지에서 찾아보시면 됩니다. 그냥


    https://www.w3schools.com/tags/tag_input.asp


    아주 자세하게 설명되어있죠

  • windmii
    116
    2021-02-01 15:23:00

    슥쇽샥 님 감사합니다.


    제 질문의 의도는 input태그에 관해 궁금한게 아니라 ...    < input          />이렇게 마무리하는 경우에 궁금해서 그랬습니다.. inut태그뿐만아니라 다른태그중에도 저렇게 마무리하는경우가 있더라고요

  • 그로업
    105
    2021-02-01 15:26:10 작성 2021-02-01 15:32:57 수정됨

    저는 같은거라고 알고있습니다.

    예로

    <div>abcd</div>
    이렇게 사이에 내용이 있으면 다 써주고

    <div style="마진 얼마"/>
    위 같이 내용은 따로 없으면 이런식으로 바로 닫아주는걸로 알고있습니다.


    input 같은 경우 사이에 값을 넣지 않으니 <input/>을 쓰는거 같아용

    미리 값이 필요하다면 <input text="~~~" placeholder="~~~"/> 이렇게 사용?할꺼같아요ㅎㅎ

  • 슥쇽샥
    58
    2021-02-01 15:37:14

    위에 처럼 / 안하고 쓰시면 되요

  • BalanceE
    608
    2021-02-01 15:48:22

    결론부터 말씀드리면 같습니다.

    /가 없어도 동작하는데는 지장이 없습니다.

    단, /를 붙임으로써 해당 태그는 태그 자체내에서만 쓰인다고 '명시'할 수 있겠습니다. ( 정확한 document내용은 아닙니다.)

    <input />

    <br/>

    <hr/>


  • moonti
    4k
    2021-02-01 15:54:40

    https://developer.mozilla.org/ko/docs/Glossary/Empty_element

    동작에 지장없을 수 있긴한데. 요새 크롬 기반의 웹페이지에서는 문제는 없어요.

    위 링크의 리스트들은 empty element인데, 자식 요소를 갖지 않는 태그입니다.
    그 기준으로 구분 한다는 것을 기억하세요. 
    자식을 갖지 않기 때문에 내부에 엘리먼트 두면 무시 되구요. 가상 클래스도 갖지 못합니다.


  • windmii
    116
    2021-02-01 16:09:49

     

    그로업 님 감사합니다 ㅎㅎ 좋은 하루 보내세요!



      

    moonti 님 감사합니다! 덕분에 좀 더 지식을 알게 되었네요 ㅎ

     
    BalanceE 님 감사합니다/의 차이에 대해 알게되었네요~ 친절한 답변 감사합니다!

  • 로그인을 하시면 답변을 등록할 수 있습니다.