📌 XHTML을 사용하는 이유
HTML과 문법은 비슷하지만 조금 더 엄격한 문법을 가지고 있어 다양한 여러 플랫폼에서 많이 이용된다.
✔️ XHTML 문서로 변환하는 법
첫 번째 방법, 첫 줄에 다음 코드를 추가한다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
두 번째 방법, json파일에 코드 추가
설정 > emmet 검색 > Syntax Profiles > settings.json 파일"emmet.syntaxProfiles"{ "attr_case": "lower", "attr_quotes": "double", "html": "xhtml", "inline_break": 3, "self_closing_tag": "xhtml", "tag_case": "lower" }
✔️ 가장 큰 차이점
종료 태그가 없는 빈 태그는 반드시 공백과 함께 슬래시를 붙여야 한다.
HTML: <img> XHTML: <img />
<img>태그에는 반드시 alt 속성이 기술되어야 한다.
HTML: <img src=""> XHTML: <img src="" alt=""/>
태그 이름이나 속성 이름에는 반드시 소문자만 사용해야 한다.
HTML: <DIV> </DIV> XHTML: <div> </div>
속성값을 반드시 명시해야 한다.
HTML: <textarea readonly> </textarea> XHTML: <textarea readonly="readonly"> </textarea>
프론트엔드 개발자 취준생입니다.