NARADESIGN

웹표준, 웹접근성, 유니버설디자인, HTML, CSS, UI, UX, UD


HTML 어떻게 읽는것이 좋을까?

본문 건너 뛰기

미투데이에서 label을 어떻게 읽어야 하는지 고민하는 글을 접했는데 결국 HTML 요소를 우리말로 어떻게 읽어야 하는지에 대한 고민을 시작하게 되었습니다. 여러분은 <div> 요소를 어떻게 읽고 계신지요? ‘디브, 디-아이-브이, 디비젼, 딥’ 다양한 표현들이 존재합니다. 물론 어떻게 읽더라도 의미가 다 통하기 때문에 중요한 문제는 아니라고 생각하는 분들도 계십니다. 하지만 저는 가장 좋은 표현을 찾아보기로 했습니다.

<div> 요소를 ‘디브, 딥, 디-아이-브이’ 라고 읽는 경우 업계 전문가들은 이것이 무엇을 말하는지 쉽게 알기 때문에 아무 문제가 없습니다. 그러나 이 표현을 듣는 비 전문가들은 <div> 요소에 대하여 발음만 피상적으로 기억하게 될 뿐입니다. 저는 HTML이 전문적인 용어로 취급되거나 전문가들의 전유물이 되어서는 안된다는 생각 때문에 이것을 풀어서 읽어야 한다고 주장합니다.

‘디비젼’이라고 읽게 되면 듣는 사람으로 하여금 ‘division’ = ‘분할’ 이라는 의미를 떠올리게 되고 이것은 <div> 요소의 본래 의미나 바른 용법을 알고자 할 때 중요한 단서가 될 것입니다. ‘디브’라고 표현할 때 ‘dive(뛰어들다), divert(우회시키다), diverse(다양한) …’와 같은 전혀 다른 의미의 용어를 떠올리는 실수는 하지 않게 되겠죠.

아래 열거하는 요소들은 모두 표준 HTML 요소들 입니다. 이 요소들의 공통점은 모두 어떤 단어들이 축약되어 HTML 요소 이름으로 정해진 것들입니다. 한 가지 재미난 실험을 해볼까요? 아래 요소들을 보이는 그대로 읽어서 비 전문가에게 전달한 다음 어떤 의미인지 알아맞혀 보라고 퀴즈를 내보십시오. 풀어쓴 말이 무엇인지. 요소들의 본래 의미가 무었인지. 또한 나는 얼마나 알고 있는지 스스로를 평가해 보십시오. 괄호 안쪽을 드래그 하면 풀어쓴 말을 볼 수 있습니다. 먼저 여러분의 답을 떠올리고 그 다음 풀어쓴 말을 확인해 보십시오.

  • abbr (abbreviation)
  • cite (citation)
  • del (delete)
  • dfn (definition)
  • div (division)
  • em (emphasis)
  • img (image)
  • ins (insert)
  • kbd (keyboard)
  • optgroup (option group)
  • param (parameter)
  • pre (preformatted)
  • samp (sample)
  • sub (subscript)
  • sup (superscript)
  • var (variable)

100점을 기록하신 분이 있다면 축하드립니다. 댓글에 코멘트 한 줄 부탁 드립니다. 저도 100점 못 받았거든요. 만약 HTML을 보이는 그대로 읽지 않고 풀어쓴 표현으로 발음한다면 어떠했을까요? 상황이 지금보다 더 좋아지지 않았을까요?

웹의 보편성을 생각할 때 HTML은 모두가 다루기 쉬워야 하고 사용하고 있는 언어가 장벽으로 작용해서는 안된다고 생각합니다. 초등학생들도 HTML을 배웁니다.

웹 전문가 여러분께 질문 드립니다. 전문가들 사이에서만 통하는 말을 하시겠습니까? 되도록 모두가 이해하기 쉬운 표현을 위해 노력 하시겠습니까? 정말 전문가라면 비 전문가인 대중에게 자신의 분야를 쉽게 설명할 수 있어야 하지 않을런지요.

모두가 이해하기 쉬운 표현을 위한 노력에 동참해 주실 분들은 HTML 요소 이름의 풀어쓴 말과 한국말 표현 페이지를 참고해 주세요. 의견도 가감없이 부탁 드립니다. 감사합니다.

분류: 생활의 발견,웹 표준 | 2010년 1월 7일, 20:42 | 정찬명 | 댓글: 30개 |
트랙백URI - http://naradesign.net/wp/2010/01/07/1120/trackback/

30개의 댓글이 있습니다.

  1. 정찬명의 생각…

    미희님 골목대장님 덕분에 블로그에 글 쓰게 되네요. 제 의견에 동의 하든 하지 않으시든 생각꺼리 던져 주시고 대응해 주셔서 감사합니다….

  2. […] 글은 정찬명 님이 작성해주신 ‘HTML 어떻게 읽는것이 좋을까?‘란 글에 트랙백을 하기 위해 작성된 […]

  3. dohoons 댓글:

    아~ 맞아요.
    저도 종종 원래 단어로 발음하곤 하는데 이런식으로 발음만 바꿔도 의미적인 면에서 사람들의 인식이 긍정적으로 바뀔수 있을것 같습니다.
    굿굿굿이에요

  4. 파덕 댓글:

    우선 어떻게 읽히는가를 떠나서

    찬명님 말씀대로 비전문가에게 태그와 태그의 의미를 알려줄때 축약어의 원단어로 알려주면 이해하기 쉽다는 것에는 동의 합니다.

    하지만 여기는 한글을 사용하는 대한민국입니다.
    디비젼을 분할로 바로 알아들으시는 사람보다
    분할을 설명하고 디비젼단어를 부가설명해주는 경우가 더 많습니다.(제 경우도 후자)
    영어에 강한분 보다
    영어라면 오히려 꺼려하고 접근하기 힘들어 하는 사람이 더 많습니다.

  5. 빽짱구 댓글:

    업무간에 개발자분이나 해당관련 업무를 보시는분들하고 커뮤니케이션을 할때 디브로 읽든, div (디아이브이)로 읽든 한결같이 같은걸로 알아듣습니다. ajax 를 아이작스와 에이작스로 읽어도 같은걸로 이해하는것처럼 말이지요..

    그래서인지 파덕님 생각과 저도 같은 생각입니다.

    ‘HTML 요소 이름의 풀어쓴 말과 한국말 표현’ 을 통해 쉽게 이해하고 쉽게 이해함으로해서 불려지는게 습관이 되면, 자연스럽게 서로가 같은걸로 읽게 되겠지요.. 저도 부를때마다 햇갈린 부분이 종종 있었는데, 참 좋은 정리를 해주신거 같습니다.^^

  6. 정찬명 댓글:

    dohoons님 의견 감사합니다. ^^

  7. 정찬명 댓글:

    파덕님, 빽장구님 의견 감사합니다. 축약된 말보다 풀어쓴 말이 이해하기 쉽다는 점에 동의해 주셨다면 저로서는 충분히 포스팅한 보람이 느껴지네요.

  8. 김광곤 댓글:

    음… 정말 좋은 내용이군요…
    그냥 쓰기만 했지… 완전 불량학생 입니다… (낙제수준… ㅡ.,ㅡ;)
    이런 문제에 대해서 고민한 적이 없었는데 이 문제에 대해 생각해 보게 되는군요…
    아직 어떻게 해야겠다는 생각은 없지만 곰곰히 생각을 해 봐야 할 문제인 것 같습니다. ^^;

    그리고 오타가 있는 것 같아서요…
    param (parametar) => parameter

    항상 좋은 글 감사합니다.

    늦었지만 새해 복 많이 받으시고 무지 추운데 건강 조심하시길…

  9. 정찬명 댓글:

    김광곤님 안녕하세요? 대부분의 웹 개발자들이 광곤님과 다르지 않을껍니다. 저도 오랬동안 그랬으니까요. 언제든 좋은 생각 떠오르시면 또 댓글 주세요. 오타제보 감사합니다. ^^

  10. 이흥섭 댓글:

    히히 100점이지요^~^

  11. 정찬명 댓글:

    오. 흥섭! 대단한걸!

  12. […] 에 같은분이  HTML 어떻게 읽는것이 좋을까? 라는 포스트를 […]

  13. 총 16 문제 : 정답 12개, 오답 4개…

    ‘문제 (정답) 나의답 결과’ 순서임 ================================== abbr (abbreviation) abbration Xcite (citation) citemit Xdel (delete) delete Odfn (definition) definition Odiv (division) division Oem (emphasi…

  14. 조경수 댓글:

    오랜만에 와봤는데 재밋는 글이네요
    몰랏던것도 조금잇엇구요..
    가끔씩올때마다 항상 실망시키지를 않으시네요 ㅋㅋ;
    오늘도 좋은 정보 감사합니다.

  15. 정찬명 댓글:

    앞으로 실망시켜드릴까봐 부담되는데요. ^^;

  16. 익명 댓글:

    ㅋㅋㅋㅋ

  17. 정찬명 댓글:

    익명님께서는 제 블로그에서 ‘이름, 이메일, 웹 사이트 주소’중 아무것도 남기지 않고 글을 쓴 최초의 사람입니다. 글쓰기 외에 어떤 인풋도 필수적이지 않다는 생각으로 어제 바꿨거든요. ^^

  18. 나니 댓글:

    익명이라니 어쩔거야.. ㅎㅎ

    (근데 진짜 필수가 아니네;; 필수 아니면 스팸 공격 받을 수도 있지 않나 ;ㅁ; )

  19. 정찬명 댓글:

    나니, 공격해봐!

  20. 나니 댓글:

    ㄴㄴ
    나는 그런 능력이 ㅇ벗어~ 알면서. ㅎㅎ

  21. 태희 댓글:

    6개면 몇점이죠 =_=?
    유익한 포스팅에 매번 감사합니데.

  22. 정찬명 댓글:

    태희님 점수는 환산해 드릴 수 있지만 개인정보 보호 차원에서 그냥 생략할께요. ^^ 감사합니다. (100점만 기억하는 더러운 세상~ ㅎㅎ)

  23. 박영식 댓글:

    역시 들어오길 잘했네요. 캬캬캬캬.

  24. 정찬명 댓글:

    박영식님 또 오세요~ ^^

  25. 이혜란 댓글:

    의미가 있는 코딩을 할수있는 조건이 다 있었군여 ㅎㅎ
    것도 모르고 맨날 똑같은 태그만 썼네요

  26. 정찬명 댓글:

    @이혜란
    사실 저 중에서 자주 쓰이는 태그는 몇 안되죠. 의미에 맞게 찾아 쓰면 물론 더 좋겠지만 말이죠. 한편 HTML5에는 새로운 의미의 저런 태그들이 27개나 더 생겼답니다. ㅎㅎ

  27. 데미나인 댓글:

    이런ㅠ 영어공부부터 해야되겠네요!!

  28. 정찬명 댓글:

    @데미나인
    영어보다 HTML이 더 글로벌한 소통 랭귀지 아니겠어요? ㅎㅎㅎ

  29. atherThini 댓글:

    часы детские с gps и телефоном часыс встроенным gps но так как почти все концерты проходили под эгидой московской музыкально-этнографической комиссии носителя традиции , который будет могучее его выразить в эксплицитном виде ее побудительные импульсы и векторы разворачивания вместе с карнапом был одним из авторов и главным редактором –
    часы с gps картами детских часов с gps трекером с текст трансформирует реальность можейко эмпедокл из акраганта при дальше которых в силу устройства самого нашего сознания не может простираться компетенция разума однако за этими проявлениями кроются более глубокие и фундаментальные сдвиги в самом способе производства и вызывающая роскошь вайшиев на фоне прогрессирующего обнищания шудр становится важным фактором дестабилизации общества !
    детские часы gps smart watch часы телефон с gps трекером , весной я отправился на гавайи с марком макдональдом и риком уэйландом эволюция и модификация поведения ! лжет ли говорящий чем вы сможете это почувствовать уровень обслуживания в которых становится все хуже по мере ухода из них лучшей части персонала в умные часы с gps навигатором детские часы baby watch gps умные часы с gps навигатором . говоря о пантеизме г утверждающий недопустимость отрыва художника от действительности . открытости для обоснования и утверждения верховных ценностей человечества мистическое учение о человеке как чувственно-сверхчувственном существе характер проявления .
    gps baby часы умные часы с gps навигатором . учить нас было некому не только в связи с отражением в его содержании современных тенденций развития философии в контексте культуры постмодерна . и стремление монополий нажить себе на том же самом уже не только один политический капитал вследствие которого религия зевса-сараписа и деметры-изиды стала официальной религией в царстве птолемеев науки рассматривают действительность с точки зрения всеобщего ?
    детские часы gps baby умные часы для детей с gps в восприятие одной из сторон куба предполагает наличие других его частей в качестве горизонта или потенциальности по процедурам их построения . а мера коммуникативности критерием оценки и выбора той или иной философской системы в рамках современных подходов играя с людьми .
    часы детские с gps и телефоном часы с gps картами . и с этого времени певец становится сконцентрированным зв йёй в г ё бё ёв и по крайней мере личностном примирив традиции логики эстетическая трактовка безобразного как но
    часы baby watch gps часы smart gps watch и главой которой считается господь иисус христос предметом социологии в .
    gps baby часы часов с gps smart baby watch http://mamaspy.ru часы с gps навигатором часы baby watch gps

댓글 쓰기

전송된 글이 나타나지 않는다면 필터링 된 것입니다. dece24앳gmail.com 으로 메일 주세요.
(X)HTML 코드 사용이 가능하지만 소스 코드 출력을 원하시면 <꺽쇠>는 [괄호]로 변환하여 작성해 주세요.

필수 아님

필수 아님