위키백과:HTML 5

Wikipedia:

HTML 5의 개발은 현재 미디어위키 소프트웨어에 통합되어 2012년 9월부터 Wikimedia Wiki의 디폴트(Default)가 되었다.

이 프로젝트는 편집자들이 HTML 5에 대한 기사들과 다른 위키피디아 페이지의 적응을 조직하는 것을 돕는 역할을 한다.50여 개의 준비된 검색은 구식 태그를 드러낸다.편집 범위는 단순함에서 복잡함까지이며, 몇 가지 수정사항의 숫자는 누구나 수동으로 업데이트를 즐길 수 있으며, 위키백과에서 실행하기 위해 최대 수천 개의 수정사항이 있다.AutoWikiBrowser bot 스크립트.

범위

MediaWiki 소프트웨어에서 허용하는 새로운 HTML 5 속성 구현.여기에는 다음이 포함된다.

  • 그data-sort-value정렬을 위한 표 셀의 속성.이것은 Sort, Sortname, Number Table Sort, Dts와 같은 템플릿을 대체하는 것과 관련이 있다.
  • 기타 데이터 속성.
텍스트 형식[1] 지정에 대한 속성
HTML 5에서[2][3] 구식 대체품
{ align="중앙" - align="중앙" align="중앙" …
 
{class="center" <!---는 텍스트-표현: 중심, 여백: 자동 on inner element --> {class="central" <!--는 여백: auto --> { style="auto; - style="text-class="class="class="class="class="class="class="class="class="class="c

주목하라, 어느 데이터도 동등하지 않다.구식 코드는 훨씬 더 많은 것을 중심으로 하지만 CSS 값은 인라인 또는 블록 요소에만 적용된다.어떤 경우에는 CSS를 사용하여 이전 코드로 획득한 외관을 복제하기 위해 상당한 변경이 필요할 수 있다.

align="right" { class="float-right"

style="text-align:right;"

포지셔닝은 다음을 사용하여 할 수 있다.position:또는float:,display: inline-block;, 및 선형:text-align:대신으로

valign="top" style="vertical-align:top;"

valignCSS로 대체될 수 있다.vertical-align:감방이나 노를 저어전체 테이블에 적용할 수 없다는 점에 유의하십시오.

<tt>...</tt> <code>...</code>

<kbd>...</kbd>

<samp>...</samp>

<span style="font-family:monospace,monospace;">

원하는 의미에 따라<code>컴퓨터 코드 조각에 대한 거야<kbd>사용자 입력 및<samp>생산용, 그리고 심지어<var>변수의[4]

참고: font-family:monospace,monospace정확하며 Gecko- 및 WebKit 기반 브라우저에서 예기치 않게 작은 글꼴을 방지한다(WP: 참조).모노.

{ bgcolor="gray"

bgcolor="gray"

{ style="background-color:gray;"

style="background-color:gray;"

HTML4[2][5] 이후 사용 안 함 대체품
<center>...</center> <div class="center">...</div>

<div style="text-align:center;">...</div>

<div class="centered">...</div>

<div style="margin:auto;">...</div>

주목하라, 어느 데이터도 동등하지 않다.구식 코드는 훨씬 더 많은 것을 중심으로 하지만 CSS 값은 인라인 또는 블록 요소에만 적용된다.어떤 경우에는 CSS를 사용하여 이전 코드로 획득한 외관을 복제하기 위해 상당한 변경이 필요할 수 있다.

<strike>...</strike> <s>...</s>

<del>...</del>

<span style="text-decoration:line-through;">...</span>

<font size="3">...</font> <span style="font-size:125%;">...</span>

{{small}}

여기 몇 퍼센트가 이치에 맞는다.결과는 주변 코드와 부분적으로 사용되는 브라우저에 따라 달라지기 때문에 간단한 변환은 불가능하다.특정 적용에 대해 종종 10%로 반올림하여 어떤 값이 적절한지 단순히 결정해야 한다.참고:<small>...</small>인쇄용이지, 양식용 문제가 아니야.

<font color="red">...</font> <span style="color:red;">...</span>

<span class="error">...</span>

<font face="Courier">...</font> <span style="font-family:Courier, monospace;">...</span>

<span style="font:125% Courier, monospace;">...</span>

규격은 일반적으로 일반 글꼴로 끝나야 한다.serif,sans-serif또는monospace, 그리고 드물게cursive또는fantasy. 일반적으로 글꼴의 이러한 유연하지 못한 사양은 완전히 제거하거나 다음과 같은 의미적 요소로 대체해야 한다.<code>(아래 참조).

  • 위키백과 표와 관련된 다음과 같은 속성은 HTML 5에서도 쓸모없는 것으로 간주된다.bgcolor,border,bordercolor,cellpadding,cellspacing.
  • HTML4에서는 다음 요소가 구식이었고 HTML 5에서는 "재구축"되었다.u그리고s[5]

구식 요소 및 속성

가운데

텍스트

대부분의 텍스트는<center>...</center>{{center}}(으)로 교체할 수 있음.

구식 대체 검색
<center>Content</center> {{center Content}}

템플릿

템플릿의 중심을 맞추려면 템플릿 설명서에 일반 스타일링 또는 정렬을 위한 매개 변수가 대부분 포함되어 있는지 확인하십시오.템플릿에 선형 매개변수가 없는 경우 선형 매개변수를 추가하는 것을 고려하십시오.

템플리트 검색은 리디렉션을 찾지 못하지만, 각 템플리트에 대해 "여기에 링크할 내용" 도구로 리디렉션을 나열하고 해당 템플리트 이름의 두 항목을 대체하는 등 해당 템플리트의 구용 검색을 완료하도록 질의를 변경할 수 있다.각 리디렉션에 대해 차례로 이 작업을 수행하십시오.

구식 대체 검색
<center>{{gallery}}</center> {{gallery align=center}}
<center>{{location map}}</center> {{location map float=center}}
<center>{{listen}}</center> {{listen pos=center}}
<center>{{family tree/start}}</center> {{family tree/start align=center}}
<center>{{ahnentafel}}</center> {{ahnentafel align=center}}
<center>{{chart/start}}</center> {{chart/start align=center}}
<center>{{wide image}}</center> {{wide image}}(기본적으로 중심)
{{wide image image <center>caption</center>}} {{wide image image align-cap=center caption}}

파서 태그

일부 파서 태그는 CSS 스타일을 사용할 수 있다.

구식 대체 검색
<center><gallery>...</gallery></center> <gallery class="center">...</gallery>
이 분석기 태그는class="center"
이러한 파서 태그는 CSS를 처리하지 않으므로 {{center}} 사용
이 분석기 태그는 다른 방법을 사용한다.
  • <imagemap>a를 사용하다center매개 변수, 설명서 참조
이러한 구문 분석기 태그는 기본적으로 중앙 맞춤으로 지정됨
이러한 파서 태그는 CSS를 처리하지 않으므로 정렬할 필요가 없음

테이블

테이블을 가운데로 이동하려면 CSS 스타일링을 사용하십시오.

구식 대체 검색
<center>
{
⋮
}
</center>


<div align="center">
{
⋮
}
</div>

{ style="margin: 1em auto;" (검색 기사)


(검색 기사)

마찬가지로 셀의 중심을 맞춘다.

구식 대체 검색
<center>Content</center> style="text-align: center;" Content (검색 기사)

헤더 셀은 기본적으로 중앙에 위치한다.

파일

구식 대체 검색
<center>[[File:Image.jpg]]</center> [[File:Image.jpg center]]

글씨체로 쓰다

그<font>요소에는 등가 CSS 속성이 있는 세 가지 속성이 있다.

글꼴 속성 CSS
color color
face font-family
size font-size
구식 대체 검색
<font color="red">Content</font> <span style="color:red;">Content</span> OR {{font color red Content}} (검색 기사)(모두 검색)

색상 이름의 경우, W3C에서 지정한 기본 색상 및 확장 색상만 CSS에 유효하다는 점에 유의하십시오.<font>색상 이름에 임의 문자열을 사용할 수 있으며, CSS는 이러한 문자열을 지원하지 않는다.CSS로 변환할 때 이러한 문자열은 충분히 유사한 16진수 색상 코드 또는 음영에 가장 가까운 유효한 색상 이름으로 교체할 수 있다.예를 들면 다음과 같다.

구식 대체
<font color="harlequin">Content</font> <span style="color:#3FFF00;">Content</span> OR <span style="color:chartreuse;">Content</span> OR {{font color #3FFF00 Content}}

다음이 없는 16진수 색상 코드#접두사는 다음에 유효하다.<font>그렇지만#CSS는 필수 사항.CSS에는 3자리 및 6자리 16진수 코드만 유효하다.4자리, 5자리 코드를 CSS로 변환해야 할 때는 각각 00와 0을 붙여야 한다.8자리 16진수 코드의 경우 마지막 두 자리는 폐기해야 한다.

구식 대체
<font color="#FC045E;">Content</font> <span style="color:#FC045E;">Content</span> OR {{font color #FC045E Content}}
<font color="FC045E;">Content</font> <span style="color:#FC045E;">Content</span> OR {{font color #FC045E Content}}
<font color="#FC04;">Content</font> <span style="color:#FC0400;">Content</span> OR {{font color #FC0400 Content}}
<font color="#FC045;">Content</font> <span style="color:#FC0450;">Content</span> OR {{font color #FC0450 Content}}
<font color="#FC045E33;">Content</font> <span style="color:#FC045E;">Content</span> OR {{font color #FC045E Content}}
구식 대체 검색
<font face="Times, serif">Content</font> <span style="font-family:Times, serif;">Content</span> OR {{font text=Content font=Times, serif}} (검색 기사)(모두 검색)

HTML에서 에 대한 값size속성은 어떤 CSS 값과도 일치하지 않는다; 그것은 오직 1에서 7까지의 값만 받아들인다.[6]

구식 대체 검색
<font size="1">Content</font> <span style="font-size:x-small;">Content</span> OR {{font text=Content size=x-small}} (검색 기사)(모두 검색)
<font size="2">Content</font> <span style="font-size:small;">Content</span> OR {{font text=Content size=small}}
<font size="3">Content</font> <span style="font-size:medium;">Content</span> OR {{font text=Content size=medium}}
<font size="4">Content</font> <span style="font-size:large;">Content</span> OR {{font text=Content size=large}}
<font size="5">Content</font> <span style="font-size:x-large;">Content</span> OR {{font text=Content size=x-large}}
<font size="6">Content</font> <span style="font-size:xx-large;">Content</span> OR {{font text=Content size=xx-large}}

위의 검색은 세 가지 색상 속성의 모든 순열을 찾을 것이다.예를 들면 다음과 같다.

구식 대체
<font size="3" color="red" face="times, serif">Content</font> <span style="font-size:medium; color:red; font-family:Times, serif;">Content</span> OR {{font text=Content size=medium font=Times, serif color=red}}

타격을 주다

<strike>...</strike> 스루 문자를 포맷하다(기사 검색)(모두 검색)

  • 사용하다<s>...</s>더 이상 정확하지 않거나 관련이 없는 텍스트의 경우
  • 사용하다<del>...</del>삭제되었거나 삭제 표시가 된 텍스트의 경우.

tt

<tt>...</tt> 고정 너비 글꼴로 텍스트 형식 지정(검색 아티클)(모두 검색)

  • 사용하다{{code}}또는<code>소스 코드의 경우
  • 사용하다{{kbd}}또는<kbd>컴퓨터 입력(실제 키 입력을 나타낼 필요는 없음)
  • 사용하다{{samp}}또는<samp>프로그램 또는 시스템에서 샘플 출력(디렉토리 목록 및 기타 물질을 포함할 수 있음)
  • 사용하다{{var}}또는<var>변수 이름(코드, 수학 또는 정규 작문의 구문 변수까지 포함)
  • 사용하다{{mono}}위와 같은 의미를 사용하지 않는 모노스페이스 스타일의 텍스트용.

표 속성

더 이상 사용되지 않는 테이블 속성.[7]

구식 속성 셀의 CSS 스타일 테이블의 CSS 스타일 검색
  • align="left"
  • align="right"
  • align="center"
  • text-align: left
  • text-align: right;
  • text-align: center;
  • margin-left: auto
  • margin-right: auto;
  • margin: 1em auto;
bgcolor="#ddd" background-color: #ddd; background-color: #ddd;
border="2" border-width: 2px; border-width: 2px;
cellpadding="2" padding: 2px;
cellspacing="2" border-spacing: 2px;
cellpadding="0" cellspacing="0" padding: 0; border-collapse: collapse;
  • valign="top"
  • valign="middle"
  • valign="bottom"
  • vertical-align: top;
  • vertical-align: middle;
  • vertical-align: bottom;
width="25%" width: 25%; width: 25%;
  • { summary="foo"
  • <table summary="foo">...</table>
 T43917 참조

허용됨, 사용되지 않지만 거의 사용되지 않는 테이블 속성:

또한 이러한 속성은 테이블 셀에서 더 이상 사용되지 않는다.[8][9]

  • abbr: 세포의 정교한 내용
  • scope테이블 셀:scope테이블 헤더에서만 유효함

테이블을 사용하여 템플릿을 정렬하는 경우가 있다.대부분의 경우 템플릿에 선형 매개변수가 있으므로, 그렇지 않으면 하나를 추가해야 한다.

마크업 유효
{정렬=오른쪽 {{나브바 Foo}}}

{{navbar Foo style=float:right}}}

기타 구식 속성

  • clear에 관하여<br />
구식 대체 검색
<br clear=all /> <div style="clear: both;"></div> OR {{clear}}
<br clear=left /> <div style="clear: left;"></div> OR {{clear left}}
<br clear=right /> <div style="clear: right;"></div> OR {{clear right}}
  • align에 관하여<div>
구식 대체 검색
<div align=center>...</div> <div style="text-align:center">...</div>
<div align=left>...</div> <div style="text-align:left">...</div>
<div align=right>...</div> <div style="text-align:right">...</div>
<div align=justify>...</div> <div style="text-align:justify">...</div>

사용되지 않고, 허용되지만 거의 사용되지 않는 특성:

잘못 사용된 요소

인용하다

이전 HTML 4.01 및 XHTML 1.1 사용량 이하<cite>...</cite>전체 인용문을 정의했다.HTML 5와 함께, 오랫동안 지속되어온 논쟁이 일어났다.

  • W3C 사양은 현재 인용된 작품의 제목, 제작자, 작품의 URL 또는 약식 참조(Harvard 참조에서 사용되는 짧은 인용) 중 적어도 하나를 재료에 포함해야 하지만 광범위한 용도를 보존하고 있다.이것은 대부분의 웹 개발자들이 뒤따르는 스펙이다.
  • WHTWG 사양은 해당 요소를 작품 제목으로만 제한했다.이것은 대부분의 브라우저 개발자들이 따르는 스펙이다.이 요소에 대한 WHTWG의 W3C로부터의 단절의 유일한 실제적인 의미는 요소의 기본 브라우저 처리(내용 이탤릭체화)가 제목보다 더 많은 재료에 적용될 것이라는 것이다.그러나 위키피디아의 사이트 전체 CSS는 어쨌든 이러한 양식화를 해제한다(MOS:제목, 특정 종류의 작품 제목만 이탤릭체로 표시해야 한다.

W3C는 HTML 5 초안 단계에서 WHTWG의 정의로 잠시 전환했다가 웹 개발자 커뮤니티의 반발로 2012년 다시 자체 정의로 전환했다.이 차이는 이후 2010년대 후반 W3C의 버전이 WHTWG의 버전에 포함되면서 사라졌으며, 이제 인용 요소와 관련하여 WHTWG의 버전이 유일한 버전이다.

일반적인 관례에 따름(예: 의 사용<cite>블로그와 포럼 소프트웨어의 작성자 ID 링크, 그리고 작업 제목 이상의 요소를 위해 잘 배포된 다른 많은 사용) 위키피디아는 HTML 4.01, XHTML 1.1 및 기타 모든 이전 W3C [X]를 대체한 W3C HTML 5.2 권장사항을 따르고 있다.HTML 사양.우리의 인용 템플릿 시스템은 인용문 전체를 요소로 포장한다.

의 사용 참고 사항<cite>폐막하지 않고 존재하다</cite>또는 에 의해 잘못 닫힘</span>; 이것들은 수리가 필요하다.

인용 스타일 1 또는 인용 스타일 2 템플릿과 함께 사용하는 경우, 수동으로 추가<cite>중복 마크업으로 제거해야 한다.

구식 대체 검색
<cite>{cite book last=사설제일차=마이클 제목=19세기 미국 출판사=프린스턴대 출판사=프린스턴대 출판사=2002년 뉴저지 날짜=2002 isbn=0-691-05925-X url=url=19세기 미국 출판사:해부와 구현된 사회 정체성.http://books.google.com/books/princeton?id=-9cKRzEx6ywC&printsec=frontcover&dq=A+Traffic+of+Dead+Bodies}}
 
{{언급합니다 책 last=Sappol first=Michael의 시체title=A 교통:해부학과 19세기 미국 publisher=Princeton 대학 출판부 location=Princeton, 뉴저지date=2002 isbn=0-691-05925-X url=에 사회 정체성 구현했다.http://books.google.com/books/princeton?id=-9cKRzEx6ywC&printsec=frontcover&dq=A+Traffic+of+Dead+Bodies}}

인용템플릿과 함께 앵커 ID를 수동으로 사용하는 경우 ID를 다음으로이동해야 한다. ref=매개 변수추가적으로 다음을 사용하여 인용 태그를 제거할 때id=CITEREF이것은 수동 참조였다는 것을 이해하십시오. 그리고 제거에 의해 업데이트되어야 하며, 그리고 나서 모든 번호가 매겨졌는지 확인하십시오. last=다음과 같은 매개 변수 last1=사용할 수 있으며, 다시 번호가 매겨진 항목을 변경해야 할 수 있음 authorx=에 사용되는 매개 변수 lastx=매개 변수 및 일치 firstx=1. 사용 여부와 관계 없이 예시를 보십시오.id=CITEREF...그리고 author3=, 아래.

구식 대체 검색
<cite id=Alberti>{{cite book last=Arnold first=David L. G. 편집자-first=John 편집자-last=Alberti date=2003 title=[Springfield를 떠나는 스프링필드:심슨가족과 야당 문화의 가능성]] 위치=디트로이트 출판사=[웨인 주립대학 출판부]장=펜 사용, 사이드쇼 밥:심슨가족과 문화의 위협은 bnn=0-8143-2849-0}</cite>
 
{{cite book last=arnold first=David L. G. 편집자-first=John 편집자-last=Alberti date=2003 title=[Springfield 탈출장 스프링필드:심슨가족과 야당 문화의 가능성]] 위치=디트로이트 출판사=[웨인 주립대학 출판부]장=펜 사용, 사이드쇼 밥:심슨가족과 문화의 위협은 bnn=0-8143-2849-0 ref=Alberti}}
 
<<cite id="CITREFAspaughRyanZuber2003"{cite 저널 last=AsphaughRyan Zuber2003"{cite 저널 last=Asphaug first=Erik last2=Eileen V. lister3=Zuber, Maria T. 제목=Asteroids III 페이지=463–484 출판사=애리조나 로케이션 대학Tucson date=2003 url=http://www-geodyn.mit.edu/asphaug.interiors.pdf access-date=2009-01-04 비코드=2002aste.conf.463A}</카이트>
 
{{cite 저널 last=Asphaug first2=Ryan first2=Eileen V. last3=Zuber first3=Maria T. 제목=Asteroid Interners 저널=Astorides III 페이지=463–484 publisher=애리조나 대학 로케이션=Tucson date=2003 url=http://www-geodyn.mit.edu/asphaug.interiors.pdf access-date=2009-01-04 비코드=2002aste.conf.463A}

도구

이 절은 위키백과에서 발췌한 것이다.위키프로젝트 위키백과 검사 § 도구.[편집]

다음 도구는 위키피디아를 확인할 때 유용할 수 있다.

위키피디아를 확인할 때도 다음과 같은 대본이 도움이 될 수 있다.

다음 사용자 CSS는 정상적으로 편집하면서 정리할 재료를 확인하는 데 더 도움이 될 수 있다.

  • lint.css(언어 독립적, 영어 지침)

참고 항목:위키백과:린터 § 보고서

봇스

AWB나 Pywikibot에 기반을 둔 봇은 많은 문제를 해결할 수 있다.

여기 영어 위키백과에서 활발하게 일하고 있는 봇들이 있다.그것들은 다른 언어에 포팅될 수 있다.

이름 활동적? 오류 수정
(CW 작업 번호별)
BG19봇 (기여목록 · 기여) 아니요. 많은
덱스봇 (기여목록 · 기여) 네 7, 19, 25, 83
프레스코봇 (기여목록 · 기여) 네 16, 48, 64
조스베봇 (기여목록 · 기여) 네 6, 16, 37
말나다흐봇 (기여목록 · 기여) 네 532, 535, 539, 541
메노봇 (기여목록 · 기여) 네 많은
PkbwcgsBot (기여목록 · 기여) 네 2, 3, 7, 16, 17, 25, 32, 85, 86, 88, 90, 91, 524
위키클리너봇 (기여목록 · 기여) 네 1, 2, 7, 16, 17, 25, 46, 48, 61, 64, 83, 85, 88, 90, 91, 92, 106, 513, 532, 534, 539, 540, 543, 547, 548, 549, 550, 551, 553, 555, 557, 558, 565, 567
엑스크봇 (기여목록 · 기여) 네 3
요봇 (기여목록 · 기여) 아니요. 많은
봇은 여기서 몇 가지 오류를 자동으로 수정한다."BOT"로 태그가 지정된 오류는 대개 어느 시점에서 봇에 의해 고정되므로 수동으로 수정할 필요가 없다.

추가 아이디어 모음

참가자

이 부분 시판자 목록은 다소 빈약하다. 위키피디아에 자신을 추가하는 것이 아마도 더 실용적일 것이다.위키프로젝트 체크 위키백과/참가자. 이 위키백과와 다른 형태의 위키백과 기술 정리에 전념하는 본격적인 위키백과 제목이기 때문이다.

참고 항목

참조

  1. ^ HTML 요소#표시
  2. ^ a b "15.2 Non-conforming features". HTML Living Standard.
  3. ^ http://www.w3.org/TR/html5-diff/##################
  4. ^ 셀프HTML – 마크업 항목 목록
  5. ^ a b 셀프HTML – HTML/사용되지 않음
  6. ^ W3C (2018-03-10). "CSS Fonts Module Level 3". Retrieved 2018-06-23.
  7. ^ "Table". W3C.
  8. ^ "Table cell". W3C.
  9. ^ "Table header cell". W3C.