5 시원하고 실용적인 HTML 태그 및 속성 소개

실제로, 이것은 타이틀 파티이기도하며, 쇼 오프라고 할 수는 없지만, 나는 무지하고 이러한 레이블을 본 적이 없기 때문입니다. 이러한 기능은 일반적인 웹 사이트에서 일반적이지 않으므로 매우 신선합니다. 그런 다음 시리즈를 만들고 내가 겪은 모든 좋은 HTML 태그를 기록해 봅시다 (아마도 HTML5 태그 일 수도 있고 모든 브라우저가 호환 될 수 없음).

이것은 HTML5에 추가 된 새로운 태그입니다. 다음 표와 같은 지역의 내용을 편집 할 수 있습니다. (IE의 테이블은이 속성을 지원하는 것처럼 보이지만 DIV와 신체는 지원되는 것 같습니다. IE를 사용하는 경우 편집 할 $ 100 및 $ 50 섹션을 클릭하십시오.

<테이블 contenteditable = "true"> <caption> 월간 저축 </caption> <tbody> <tr> <th> Month </th> <th> 저축 </th> </tr> <td> <td> 1 월 </td> <td> <div contentedabil = "true"> $ 100 </div> <td> <td> <td> <div contenteditable = "true"> $ 50 </div> </td> </tbody> </table>

이 테이블은 직접 편집 할 수 있습니다. 텍스트를 직접 변경하기 위해 텍스트 상자를 추가 할 필요는 없습니다. 또한 서브 라벨이 지정되지 않으면 기본적으로 상속되므로 매우 편리합니다. (물론이 속성을 신체에 추가하면 모든 것을 편집 할 수 있습니다. 끔찍합니다 ...)

이것은 .NET의 GroupBox와 동일하지만 처음에는 알지 못했습니다. 그 기능은 관련 요소를 양식으로 그룹화하는 것입니다.

<fieldset> <egend> index : </legend> <ul> <li> <a href = "#"> 모든 기사의 색인 </a> </a> </li> <li> <a href = "#"> 오늘 Sheeple이 깨어날 필요가있는 것들 </li> <li> <a href = "#"> </li </li </elds </li </elds </li </elds.

<form oninput = "x.value = parseint (a.value)+parseint (b.value)"> 0 <input type = "range"id = "a"value = "50"> 100+ <입력 유형 = "numbe"id = "b"value = "50"> = <output name = "x"</output> </p> <p> p> <p> <p> <p> <p> <p> <p> <p> 인터넷 익스플로러에서는 출력 태그가 지원되지 않습니다. </p> </form>

<p> 오늘 <mark> milk </mark>를 사는 것을 잊지 마십시오. </p>

팁 : 먼저 코드를 수정 한 다음 실행할 수 있습니다.

오늘 여기로 가서 좋은 HTML 태그와 특수 효과를 볼 때 게시합시다.