씨멘틱 마크업 - 이거 머냐 씹어먹는거냐?

검색해 보시면 대충 알 수 있습니다.

의미있는 마크업을 하자는 것입니다. 다시 풀어서 태그를 의미에 맞게 쓰자는 내용입니다.

 

아마도 뜻 자체는 다들 아실 겁니다. 

문제는 이렇게 코딩을 하고 있냐라는 것인데요! 아니올시다 겠지요...

 

html outliner 라는 크롬앱이 있어서 테스트좀 해봤습니다.

 

바로 아래는 크롬앱소개에서 캡쳐했습니다.

 

bd791c36853573e3aa5779d260d22a37_1468985631_4919.png

 

이런식으로 나온다는데요........

서울시 사이트라던지 이런곳은 잘되어 있습니다.  

그만큼 신경쓴 모양입니다.

cafe24 디자인 센터에 가봤더니 되는곳도 안되는곳도 있습니다.

 

내 사이트에서 해보니..... 제대로 안되어 있더군요.

bd791c36853573e3aa5779d260d22a37_1468985637_5831.png 

 

시멘틱마크업이 현장에서 얼마나 의미가 있을런지는 모르겠습니다만 

seo다 머다 하는데 알긴 해야 할것 같습니다. 

그리고 적어도 내 사이트는 해두어야 겠다는 생각도 들구요.


 

 

|

댓글 2개

2014년 널리세미나에서 발표한 ppt가 관련된 설명을 엄청 이해하기 편하게 다루고 있습니다.
참고하세요.
http://www.slideshare.net/NULINTS/2014-html5
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS
[CSS]
9년 전 조회 2,500
CSS 9년 전 조회 4,031
반응형 9년 전 조회 4,413
CSS 9년 전 조회 3,231
반응형 9년 전 조회 3,372
반응형 9년 전 조회 7,757
CSS 9년 전 조회 4,888
CSS 9년 전 조회 5,472
CSS 9년 전 조회 4,698
반응형 9년 전 조회 3,703
CSS 9년 전 조회 3,081
웹접근성 9년 전 조회 3,620
HTML 9년 전 조회 3,829
HTML 9년 전 조회 2,453
9년 전 조회 2,480
9년 전 조회 4,067
9년 전 조회 2,971
9년 전 조회 4,145
기타 9년 전 조회 4,788
기타 9년 전 조회 9,688
기타 10년 전 조회 9,234
기타 10년 전 조회 8,959
반응형 10년 전 조회 1.3만
기타 10년 전 조회 4,076
CSS 10년 전 조회 6,127
HTML 10년 전 조회 4,031
기타 10년 전 조회 4,894
CSS 10년 전 조회 1.6만
HTML 10년 전 조회 6,221
HTML 10년 전 조회 4,988