현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

firefox 의 WebDevelop 를 이용해서 css / html 규칙 체크하기..

zelon의 이미지
글쓴이: zelon / 작성시간: 수, 2005/01/26 - 10:45오후

다들 어느 정도 체크하시는 지 모르겠지만, 여기서 firefox 의 WebDevelop extension 을 이용해서 고치면 된다고 하여 깔아보았습니다. 설치하고 다시 시작하니, 툴바가 하나 뜨더군요.

거기서 Validation 에서 Validate CSS, Validate HTML 하니 엄청난(!) 경고(?)를 보여주는 군요. 으음...

그래서 혹시나 해서 google 에 가서 해보았더니 google 도 여전히... 뭐 갯수는 적었습니다만, 워낙 간단한 페이지이다보니라고;;;

확실히 css/html 에 대한 재교육이 필요할 듯...

WebDevelop 의 validate css/html 에 에러 하나도 없으면 어떤 화면을 보여줄지 궁금하군요. 어떤 사이트가 100% 지키나요?

Forums: 
프로그래밍 QnA
죠커의 이미지

글쓴이: 죠커 / 작성시간: 수, 2005/01/26 - 11:25오후

http://blogfile.paran.com/BLOG_117158/200501/1104604009_webdeveloper_ko_KR.xpi

간단히 한글화를 해보았습니다.

깔끔하지는 못하지만 필요하신분들 사용해 주세요.

- 죠커's blog / HanIRC:#CN

다크슈테펜의 이미지

글쓴이: 다크슈테펜 / 작성시간: 수, 2005/01/26 - 11:30오후

zelon wrote:
다들 어느 정도 체크하시는 지 모르겠지만, 여기서 firefox 의 WebDevelop extension 을 이용해서 고치면 된다고 하여 깔아보았습니다. 설치하고 다시 시작하니, 툴바가 하나 뜨더군요.

거기서 Validation 에서 Validate CSS, Validate HTML 하니 엄청난(!) 경고(?)를 보여주는 군요. 으음...

그래서 혹시나 해서 google 에 가서 해보았더니 google 도 여전히... 뭐 갯수는 적었습니다만, 워낙 간단한 페이지이다보니라고;;;

확실히 css/html 에 대한 재교육이 필요할 듯...

WebDevelop 의 validate css/html 에 에러 하나도 없으면 어떤 화면을 보여줄지 궁금하군요. 어떤 사이트가 100% 지키나요?


< html>
<head><title></title></head>
<body></body>
</html>
이정도면 100퍼센트 달성 아닌가요..후다닥~~~

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

lacovnk의 이미지

글쓴이: lacovnk / 작성시간: 수, 2005/01/26 - 11:48오후

darkschutepen wrote:

< html>
<head><title></title></head>
<body></body>
</html>
이정도면 100퍼센트 달성 아닌가요..후다닥~~~

앞에 doc type를 지정하지 않아서.. 경고가 뜨던걸로 기억합니다 ㅎㅎ

http://www.snuchoir.or.kr/

요 홈페이지 제가 제작했습니다 :) 빠뜨리지 않았다면 모든 페이지에서 xhtml 준수가 나올껍니다 ㅎㅎ - 뭐 ob 홈페이지로 가면 아니지만;

moniwiki 기본 테마들은 통과하지 않을까요? 밑에 버튼도 달려있던데 ㅎㅎ 태터툴즈도, URL에 &가 정의되지 않은 엔티티 에러가 뜨는 것 빼고는 준수하더군요. alt="" 가 난무하는 ㅎㅎㅎ (url에서 & 역시 html 페이지에서는 &amp; 로 적어줘야한다는군요; )

랜덤여신의 이미지

글쓴이: 랜덤여신 / 작성시간: 수, 2005/01/26 - 11:49오후

구글의 경우에는 웹표준을 몰라서 안 지킨다기보다는 용량상 일부러 그렇게 한 듯 합니다. :)
AnyBrowser 을 굉장히 잘 지키는 구글이... 일부러 Validation 을 파괴할 리가 없겠죠.

음... 글쎄요... 우리나라 포털 사이트들은 Validation 을 따르는 곳이 없다고 봐도 좋은데요...
개인 홈페이지(or 블로그) 중에 찾아보심이 어떨지요?
+제 홈페이지... :oops:

ps: 덧붙여서, http://validator.w3.org/ 가 원 주소일겁니다... :)

----
블로그 / 위키 / 리눅스 스크린샷 갤러리

M.W.Park의 이미지

글쓴이: M.W.Park / 작성시간: 목, 2005/01/27 - 12:58오전

zelon wrote:
어떤 사이트가 100% 지키나요?

w3c.org 도메인에 있는 페이지들은 대부분 거의 완벽하게 표준을 준수합니다.

validator로 체크하면, 

No error or warning found
This Page Is Valid XHTML 1.0 Strict!

내장된 tidy로 체크하면,
0 error / 0 warning

-----
오늘 나의 취미는 끝없는, 끝없는 인내다. 1973 法頂

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.