TML5의 새로운
<details> <summary>Google Nexus 6</summary> <p>商品详情:</p> <dl> <dt>屏幕</dt> <dd>5.96” 2560x1440 QHD AMOLED display (493 ppi)</dd> <dt>电池</dt> <dd>3220 mAh</dd> <dt>相机</dt> <dd>13MP rear-facing with optical image stabilization 2MP front-facing</dd> <dt>处理器</dt> <dd>Qualcomm® Snapdragon™ 805 processor</dd> </dl> </details>첫 번째는
HTML 요소를 세부 콘텐츠로 따를 수 있으며, 이는 를 클릭할 때만 표시됩니다.
state로 만들 수도 있습니다.
<details open> <summary>Google Nexus 6</summary> <p>商品详情:</p> <dl> <dt>屏幕</dt> <dd>5.96” 2560x1440 QHD AMOLED display (493 ppi)</dd> <dt>电池</dt> <dd>3220 mAh</dd> <dt>相机</dt> <dd>13MP rear-facing with optical image stabilization 2MP front-facing</dd> <dt>处理器</dt> <dd>Qualcomm® Snapdragon™ 805 processor</dd> </dl> </details>이때 기본적으로 세부정보가 펼쳐져 있으며, 제목을 클릭하면 접힙니다. Example예제는 위와 같습니다. 온라인 버전을 미리 보려면 여기를 클릭하세요. 브라우저 호환성새로운 HTML5 태그로 인해 브라우저 지원이 이상적이지 않습니다. caniuse의 데이터에 따르면 이 태그는 현재 Chrome, Safari 8+ 및 Opera 26+에서만 지원됩니다. 좋은 소식은 캐니스에서 "UC 브라우저 결과 표시" 옵션을 켜면 국내 UC 브라우저에서도 이 태그를 지원한다는 점입니다.
사진과 같이: 이 태그를 사용하면 갈색 테두리가 나타납니다(내 웹 배경은 배경) 페이지는 검은색이고 글꼴은 흰색입니다.) 이 테두리를 표시하지 않으려면 어떻게 해야 합니까?
근데 태그가 html5인데 본 적이 없습니다. 하하~~
위 내용은 html