루체

section 태그는 문서의 일반적인 영역을 설정을 할 때 사용을 합니다. article은 독립성을 가졌는데 section은 그 의미가 조금 더 희석되서 더 다양한 곳에서 사용이 가능하고 일반적으로 영역을 나누는데 사용이 됩니다. 그리고 이 section 태그 내부에는 article 태그를 집어넣을 수가 있습니다. 반대로 article 태그 내부에도 section 태그를 포함할 수 있습니다. 제약은 따로 없습니다. section을 가지고 영역을 나눌 때는 의미가 있기 때문에 제목 즉 h1~h6태그들을 포함을 합니다. 이게 바로 div 태그와 차이점입니다. 일반적으로 div는 의미없이 사용을 합니다. 반면 section은 의미를 가지고 있어서 제목을 가지고 있습니다. 특정 영역을 나누는 것은 동일 하지만 ..

article 태그는 독립적으로 구분되거나 재사용이 가능한 영역을 설정을 하는 것으로 블로그의 포스트나 매거진/신문 기사를 나타낸다고 생각하시면 됩니다. 일반적으로 h1 ~ h6태그를 포함하여 식별을 하며 작성일자와 시간을 의 datetime 속성으로 작성을 합니다. mozilla 사이트에 들어가서 예제를 확인을 해보겠습니다. 중간에 있는 article 부분이 forecast라는 곳의 바깥 쪽에 존재하더라도 이 콘텐츠로서의 가치가 유지된다라면 다른 태그보다 article태그를 사용을 하는 것이 좋습니다. 이것이 article 태그가 독립적으로 구분이 된다 라는 말입니다. 처음이라 사용이 어렵기 때문에 헷갈리다면 section이나 div 태그를 사용을 할 수도 있습니다.

main태그는 문서 내부의 핵심적인 콘텐츠를 나타낼 때 사용하는 태그입니다. 모질라 문서에서 확인해보면 주요 콘텐츠 구역은 문서의 핵심주제나 애플리케이션의 핵심 기능성에 대해 부연, 또는 직접적으로 연관된 콘텐츠들이라고 나와있습니다. 이 말을 조금 쉽게 풀어서 설명을 하자면 블로그 같은 곳에서 작성한 글들이 보이는 곳을 main 태그로 지정을 한다 라고 생각하시면 조금 더 편하게 생각할 수 있을 것 같습니다. 하지만 이 태그는 Internet Explorer에서는 지원을 하지 않기 때문에 인터넷 익스플로러를 필요로 하는 곳에서는 사용을 하시면 안됩니다.

h1 ~ h6태그는 목차에서 제목이나 컨텐츠의 제목같은 것을 지정을 할 때 사용을 합니다. 주의해야할 것으로는 몇가지가 있습니다. 첫번째로는 제목 폰트의 크기를 줄이기 위해 낮은 단계를 사용하시면은 안됩니다. 화면에서는 크기가 달라지게 지정은 되어있지만 각 태그마다 폰트의 크기를 정확하게 알지 못하기 때문에 h1~h6태그를 사용할 때는 폰트의 크기를 초기화해서 사용을 해야합니다. 왜 폰트의 크기를 줄이기 위해 낮은 단계를 사용하면 안되냐면 HTML은 구조를 나타내기 위해 사용을 하는 것이고 CSS는 표현, 즉 디자인을 하기 위한 용도의 언어이기 때문입니다. 두번째로는 제목의 단계를 건너뛰는 것을 피하셔야 합니다. 무슨말이냐면 우리가 html구조를 작성을 할 때 일반적으로 h1태그를 먼저 작성을 하게 될 ..

이번 글에서는 이제 author 테이블에 데이터를 추가하는 것을 해보도록 하겠습니다. 입력을 해서 서버에 전송을 해야하는 부분이 필요하기 때문에 form 태그를 통해서 만들어주도록 하겠습니다. 태그 밑에다가 이렇게 작성을 해주시면 입력을 하고 서버에 Submit을 할 수 있는 것이 생성이 됩니다. 지금은 process_create_author.php가 없기 때문에 지금 Submit을 하면 오류가 납니다. 그래서 원래 잇던 process_create.php를 복사해서 파일을 만들어줍시다. 내용을 이제 author 테이블에 있는 내용으로 변경을 해주어야 합니다. sql문과 filtered를 제외하고는 따로 바뀐 부분은 없습니다. 이렇게 해서 이번 글에서는 생성을 하는 부분을 해보았습니다.