날아라쩡글이의 블로그입니다.

전역속성 본문

공부하는파워걸 story/html story

전역속성

날아라쩡글이 2021. 6. 14. 16:02
반응형
  • style =전역속성 html+sytle =css인라인 선언 , h1 이던 어디에서든 사용가능 , 전체적으로 사용이 가능한 속성, 띄어쓰기를 이용하여 속성을 추가하는 기능이있다. p, div전체가능하다. 
  • title = 요소의 정보, 설명을 지정한다. 마우스를 가져다두면 tip으로 표시하여 text를 제공해준다. 
  • lang = 요소의 언어를 지정한다. html( ISO -639-1) <en ,ko ,fr등 >하나의 언어로 명시한다. 어떤태그에서도 사용가능하며, html주소에 한번만 선언하면 나머지는 수정안해도된다. 
  • data-* =사용자 정의 데이터 속성, java scrip에서 이용할 수 있는 데이터(정보)를 저장하는 용도로 사용한다. html에서 보관 후 java scrip으로 사용한다. 
  • java는 하이폰을 좋아하지않아 하이폰 뒤에 text를 대문자로 적어야한다. java는 카멜표기법을 좋아하고, html은 대시표기법을 좋아한다. 

  • draggable = Drag and Drop API를 사용가능한지 명령체계의 여부를 설정한다. div draggable 을 입력시 ture 의경우 드래그가 가능하다. false 드래그가 불가하다. 작성을 하지않으면 auto로 설정되 브라우저가 판단하게 된다. 입력을 하고 입력값을 넣는 것이 중요하다. 
  • hidden = 요소를 숨김 , 만들고 숨길 때 사용한다. <form id = "hidden form" action ="/form-action" hidden>숨길 양식을 작성한다</form> <button form = "hidden-form" type ="submit">전송</button> form과 id를 연결하고, submit으로 액션을 전송한다. hidden으로 숨기고 없앨경우 value값을 설정한 자료가 출력되고 아래에 전송버튼이 생긴다. 
  • tabindex = tab키를 이용하여 순차적으로 focus탐색할 순서를 지정한다. 1.대화형콘텐츠 (input, img..etc)는 기본적으로 코드 순서대로 탭순서가 지정이된다. 2. 비대화형 콘텐츠에 tabindex="0"을 지정하여 대화형 콘텐츠와 같이 탭순서를 사용할수 있다. 3. tabindex를 이용하여 focus 를 지정할 수 있다. 1,2,3으로 지정이 가능하다. 4. tabindex = "-1"을 통해 focus에서 제외가 가능하다. 5.tabindex = "1"이상의 양수값은 논리적인 흐름을 방해하기 때문에 사용을 추천하지 않음 , 뒤죽박죽보다는 html의 기초적인 설정으로 진행하는 것이 좋다. 

절대경로 = 외부에서 가져올 경우 https://으로 설정한다. html이던 css던 경로는 1개로 설정됨, 내가 직접만든 작업환경의 경우 경로 https의 도메인을 생략 가능하다. /assets으로 입력가능하다. 

상대경로 = 호출되는 시점이 다를 때 사용을 한다. ./(주변에서 찾는 경로로 생략이 가능하다. ) ../(폴더를 나가서 다른곳에서 호출할 경우 사용 =순차적으로 작성해야한다. 

기호 

  • 띄어쓰기 = &nbsp; 이것을 5번 반복하여 작성시 띄어쓰기가 가능하다. 
  • <=&lt; >=&gt; div tag가 화면에 text로 출력가능하게 만든다. 
반응형

'공부하는파워걸 story > html story' 카테고리의 다른 글

표 컨텐츠 ,양식  (0) 2021.06.13
html 멀티미디어 요약  (0) 2021.06.11
html (inline과 멀티미디어 속성 약간)  (0) 2021.06.09
html 5 정리  (0) 2021.06.07
Comments