semantic tag?
semantic태그는 의미가 있는 태그이다. 예를들어 h1태그는 header 1이란 뜻으로 태그 자체가 의미를 갖고 있습니다. section, article, header와 같이 태그 자체가 무엇을 의미하는지 알 수 있는 태그가 있습니다.
non-semantic tag?
non-semantic태그는 아무런 의미가 없는 태그이다. 예를들어 div태그는 말 그대로 division이고 아무런 의미를 갖는 태그는 아닙니다. div는 주로 컨테이너, 박스의 용도와 같이 안에 내용물을 담는 용도로 사용하게 됩니다. span태그도 마찬가지로 아무런 의미가 없습니다. span은 짧다는 뜻을 갖고있는데 이 태그가 짧은 문장인지 문단인건지 태그로는 전혀 알 수 없습니다. span태그는 텍스트를 위한 컨테이너 또는 박스와 같은 의미로 생각하면 되고 텍스트를 위한 컨테이너가 필요할 때 span태그를 사용하면 됩니다.