새롭게 게시판이 바뀌면서 웹 표준방식으로 문서가 작성이 되고 있습니다.

따라서 태그를 사용할 때 태그가 잘 드지 않아서 애를 먹는 경우가 있는데 그것은 스타일의 순서와

그 동안 사소한 에러라고 생각을 했던 것들이 W3C 표준안에 의하면 큰 에러로 발생을 하게 됩니다.

 

상세한 것은 아래 주소를 클릭하시어 알아 보시고

 

https://park5611.pe.kr/xe/?mid=Study_02&search_target=title&search_keyword=xhtml&document_srl=129001

 

여기에서는 우리가 많이 사용하고 있는 폰트의 스타일에 관하여 제가 게시판을 수정하면서 알게 된 사항을 알려드리고자 합니다.

 

예전에는 주로 아래와 같은 방식 또는 조금은 순서를 바꾸어 가면서 사용을 했을 것으로 압니다.

 

<font style="font-size:10pt;font-family:verdana;background:002020;color:d2d2ff;line-height:18px;">

 

그러나 앞으로는 이러한 방식도 문법의 순서가 맞지 않으면 태그가 듣지 않는다는 것입니다.

그러면 위와 같은 방식은 어떠한 방식으로 바꿀 수가 있을까요?

 

<font style="font-size:10pt;font-family:verdana;color:#d2d2ff;background-color:#002020;line-height:18px;">

 

차이를 느끼셨나요? 빨간색으로 표시된 부분을 유심히 보면 폰트의 color가 앞에 나오고 배경칼라 값은 뒤에 나오지요?

그리고 속성 값 앞에 "#"기호가 들어 간 것을 알수 있을 것입니다.

 

또한 "margin-left:20" 이렇게 사용을 하던 스타일의 마진도 반드시 "margin-left:20px;"와 같이 사용을 하셔야 값이 제대로 듣습니다.

 

이미지와 문자간의 여백의 경우에도 예전에는

<img src="주소" hspace="좌우여백의 값" vspace="상하여백의 값">이렇게 space 태그를 이용하여 값을 주었으나 이제는 듣지 않습니다.

 

다음의 방식으로 바꾸어 주세요.

 

 <img src="주소" style="margin:상 우 하 좌;"> 즉,  <img src="주소" style="margin:5px 10px 5px 15px;"> 의 방식을 사용, 또는

<img src="주소" style="margin-top:10px;margin-left:20px;">  등과 같이 사용을 하시면 됩니다.

게시판을 수정하다가 발견한 사항이라서 공지를 해봅니다.