HTML 태그에 대한 ASP.NET 컨트롤 등가물

HTML 태그에 대한 ASP.NET 컨트롤 등가물

저는 HTML 디자이너에게 표준 HTML 태그에 대한 동등한 asp.net 컨트롤을 보여줄 수 있는 치트 시트를 찾고 있습니다.예를 들어 <asp:Panel>은 HTML <div> 및 <asp:Label>은 HTML <span>로 렌더링됩니다.제가 이것을 검색해 보았으나 소용이 없었습니다.누가 이 프로젝트의 디자이너들이 aspx 페이지의 마크업을 더 명확하게 이해할 수 있도록 좋은 치트 시트에 대한 링크를 게시할 수 있습니까?

명확하게 말하자면, 저는 주요 ASP.NET 컨트롤 목록에 대한 링크와 그것들이 표준 HTML과 어떻게 관련되는지에 대한 설명을 원합니다.이것이 PDF 형식이거나 읽기 쉽고 인쇄하기 쉬운 웹 페이지에 있으면 좋겠습니다.그 이유는, 제 경우, HTML에 매우 익숙한 PHP 개발자가 우리 프로젝트에 와서 작업하기 때문일 것이고, 만약 제가 그에게 그러한 "부정 행위 시트"를 건네줄 수 있다면 표준 ASP.NET 서버 제어에 대해 더 잘 이해하는 것이 유용할 것 같습니다.

.NET 2.0 프레임워크를 주로 언급하고 있지만 3.0/3.5로도 작업을 진행하고 있습니다.

의 버전에 따라 다르므로 간단한 질문이 아닙니다.당신이 말하고 있는 것이 아니라 때때로 통제의 상태입니다.예를 들어, 1 & 1.1에서 패널은 테이블에 렌더링되지만 이후 버전에서는 DIV입니다.

그러나 전체적으로(2/3의 경우) 다음과 같습니다.

• 패널 - Div

• 패널 -- GroupingText="###"은 필드 집합, 범례입니다.

• 레이블 - 범위

• 단추 - 입력, 유형 단추

• 링크 버튼 - Href와 JS 포스트백 스크립트

• 하이퍼링크 - 표준 HREF

• 이미지 버튼 - 입력, 이미지 유형

• 입력란 - 기본값은 입력, 텍스트 입력입니다.

• 텍스트 상자 - Mode = Password is Input(비밀번호 입력)을 입력합니다.

• 텍스트 상자 - 모드= 다중선은 텍스트 영역입니다.

• 드롭다운 목록 - 선택

• 목록 상자 - 선택

• 라디오 버튼 - 입력, 그룹 이름이 있는 라디오

• 확인란 - 입력, 확인란

• 반복기/목록 보기 - 복잡합니다.

• 그리드 보기 - 표

• 표 - 표

• 파일 - 입력, 유형=파일

  그게 기본입니다.LOGIN 컨트롤과 같은 더 난해한 컨트롤은 테이블 안에 오즈와 끝이 많이 있는 테이블입니다.

스티븐의 목록은 꽤 포괄적입니다.하지만 다음과 같은 참고 사항을 추가할 것입니다.

대부분 알려진 브라우저 캡에 따라 다릅니다.

1.x 패널은 IE6+에서 디바인으로 렌더링되지만 Firefox(또는 기타 "DownStream" 브라우저)에서는 기기에 세부 정보가 없었기 때문에 다운스트림으로 간주됩니다.기본적으로 구성) 단일 셀 테이블로 렌더링됩니다. 이 문제는 기계에서 업데이트된 Firefox/Opera/Safari/etc용 브라우저 캡을 제공하여 해결할 수 있습니다.구성 또는 웹.구성.

또한 제어 어댑터는 출력을 변경할 수 있습니다. 예를 들어 CSS 제어 어댑터는 대부분의 표 형식 컨트롤(로그인, 등록, 중계기 등)에 대해 스타일이 지정된 div를 출력합니다.

TechEd/PDC에서 ASP.NET 4.0에는 기본적으로 CSS 제어 어댑터가 내장되어 있다고 발표되었습니다.

이렇게 하면 직접적으로 질문에 대답할 수는 없지만 대부분의 경우 일반 HTML 태그에 runat="server"를 추가하여 ASP.Net에서 인식할 수 있습니다.페이지를 동적으로 변경할 수 있으면서도 디자이너가 페이지 작업을 수행할 수 있도록 하려면 설계자가 이 작업을 더 쉽게 수행할 수 있습니다.

<div id="myDiv" runat="server"></div>
<span id="mySpan" runat="server"></span>

편집:

(steve_c가 지적한 바와 같이) 한 가지 언급하지 않은 것은 runat="server"를 추가하면 태그의 ID가 변경되어 약간의 번거로움이 있을 수 있다는 것입니다.만약 당신이 CSS에서 ID를 사용하고 있다면 당신은 운이 없을 것이지만, 당신의 자바스크립트에서는 <%=myDiv와 같은 것을 추가할 수 있습니다.클라이언트 ID %> - 에 의해 생성된 ID를 가져옵니다.그물.

특정 태그를 렌더링해야 하는 경우 html 일반 제어가 도움이 될 수 있습니다.

protected void CreateHeaders(List<Group_Info> group_Info)
{
    foreach (Group_Info gi in group_Info)
    {
        HtmlGenericControl groupContainer = new HtmlGenericControl("DIV");
        String lastLableID = "disp" + gi.GroupName.ToString().Replace(" ", "");
        groupContainer.ID = lastLableID;
        groupContainer.Attributes.Add("class", "content-groups");

        HtmlGenericControl groupTitle = new HtmlGenericControl("DIV");
        groupTitle.ID = lastLableID + "Sub1";
        if (gi.GroupName.Trim().Length == 0)
            groupTitle.Attributes.Add("class", "titlebar-hidden");
        else
        {
            groupTitle.Attributes.Add("class", "titlebar");
            groupTitle.InnerText = gi.GroupName.ToString().Trim();
        }

        groupContainer.Controls.Add(groupTitle);

        CreateFields(gi, ref groupContainer);

        this.pageContainer.Controls.Add(groupContainer);
    }
}

언급URL : https://stackoverflow.com/questions/461901/asp-net-control-to-html-tag-equivalent