CODEDRAGON ㆍDevelopment/Web, WWW
마크업 언어 분류
마크업은 기능에 따라 순차적 마크업과 서술적 마크업으로 나뉘게 됩니다.
구분 | 순차적 마크업 (Procedural markup) | 서술적 마크업 (Descriptive markup) |
설명 |
|
|
사용 예 | 워드프로세서로 만든 문서 파일 등 | SGML, XML, Latex등 |
코드 | <14, 고딕체 시작>서론<14, 고딕체 끝> <12, 굴림체 시작> 본론 소제목 <12, 굴림 끝> <10, 맑은고딕체 시작> 본문내용 <10, 맑은고딕체 시작> | <서론 시작> 서론 내용 <서론 끝> <본문 시작> 본문 내용 <본문 끝> |
주소록을 HTML과 XML로 표현
HTML문서의 태그를 보면 대부분의 내용을 이해하기 힘들지만 XML 문서의 태그들을 보면 한눈에 봐도 어떤 의미인지를 알 수 있습니다.
HTML의 경우 <td>태그안의 데이터가 사람의 이름인지 확신할 수 없지만, XML의 경우에는 사람의 이름인 경우 <name>태그 안의 데이터만을 지칭할 수 있기 때문에 보다 세밀한 검색이 가능합니다.
HTML로 표현한 주소록
<!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>주소록</title> </head> <body> <table> <tr> <td>160120</td> <td>김미남</td> <td>010-1212-3434</td> <td>02-2653-4112</td> <td>02-742-1234</td> </tr> <tr> <td>160121</td> <td>최미녀</td> <td>010-2323-4545</td> <td>054-2122-1123</td> <td>054-2341-3411</td> </tr> </table> </body> </html> |
XML로 표현한 주소록
<?xml version="1.0" encoding="UTF-8"?> <addressbook> <member> <eduno>160120</eduno> <name>김미남</name> <mobiletel>010-1212-3434</mobiletel> <hometel>02-2653-4112</hometel> <officetel>02-742-1234</officetel> </member> <member> <eduno>160121</eduno> <name>최미녀</name> <mobiletel>010-2323-4545</mobiletel> <hometel>054-2122-1123</hometel> <officetel>054-2341-3411</officetel> </member> </addressbook>
|
'Development > Web, WWW' 카테고리의 다른 글
| 문단 관련 태그 - <br> 태그, <p> 태그, <p> 태그 align 속성(Attributes), <p> 태그와 <br> 태그 비교, <center> 태그, 내용을 가운데 정렬하는 태그 속성 (0) | 2018.12.18 |
|---|---|
| HTML vs XHTML vs HTML5 (0) | 2018.12.18 |
| HTML5의 설계원칙 - 호환성(Compatibility), 실용성(Utility), 상호 운용성(Interoperability), 보편적 접근성(Universal Access) (0) | 2018.12.18 |
| HTML 특징 (0) | 2018.12.18 |
| 웹표준 장점, 웹표준 미구현시 단점 (0) | 2018.12.17 |