2019-04-08

오늘의 배운내용은 term, 섹션과 search섹션

 

term섹션에서 핵심으로 바란다고 생각하는것은 dl을찾아봤느냐, float처리에 대한 이해라고 생각한다

 

float로 하라고 조건을 달아주셨고 일단 컨텐츠들을 리스트라고 생각해서 ul에 담았는데

 

생각없이 ul태그에 넣는게 아니라 찾아봐서 dl (definistion list)를 찾길 바라신것같고

 

dl태그 내부에는 dt와 dd를 가지고 (제목과 내용)이다 오늘로써 리스트에 ul,ol,dl 까지 배운것 같다

 

컨텐츠들을 float함에 있어, div영역안에 모든 컨텐츠들을 float처리하게되면,

 

붕뜨는 효과로 인해 div영역의 height를 잃게 된다 이를 방지하기 위해 div에 clear:both처리할 수 있는지를 물으셨다고

 

생각한다

 

다음으로 search섹션을 구성함에 있어서 flex로 처리하라고 하셨는데 

 

첫째, 폼태그에 필수 요소인 legend와 feildset을 삽입했냐? 그전에 섹션에 제목을 삽입했냐?정도가 양식이 되겠다

 

flex작업을 하면서 크롬에서는 레이아웃이 정상적으로 나오지않고, 파이어폭스나 익스플로어에서만 제대로 보였는데

 

이는 filedset태그에 display:flex 플랙스 박스로 만들었기 때문이였다. 필드셋의 컨텐들을 임의의 div로 그루핑하니

 

크롬에서도 정상적으로 출력됬다. 

 

또, 버튼을 폼태그안에 삽입하지 않는게 편한경우엔 form태그에 id를 선언하고 버튼 태그에 폼form="" 속성으로 태그에

 

준 id값을 맞춰주면 되는 것 같다.