H5의 모든 요소와 기본 문법 요약

php中世界最好的语言
풀어 주다: 2018-01-10 09:57:09
원래의
4712명이 탐색했습니다.

이번에는 H5의 모든 요소와 기본 구문에 대해 요약해보겠습니다. H5의 요소와 기본 구문을 사용할 때 주의사항은 무엇인가요?

HTML 태그
열기 태그: 여는 태그
닫는 태그: 닫는 태그

요소
정의: HTML 요소 는 여는 태그부터 닫는 태그까지의 코드를 나타냅니다(요소는 다음으로 시작합니다. 태그는 태그로 시작합니다). 태그로 끝납니다)
요소의 내용: 요소의 내용은 시작 태그와 끝 태그 사이의 내용을 나타냅니다.

요소의 특성:
1. 대부분의 HTML 요소는 중첩될 수 있습니다. HTML 요소)
2, HTML 문서는 중첩된 HTML 요소로 구성됩니다.
3, 닫는 태그를 잊지 마세요. 향후 HTML 버전에서는 닫는 태그 생략을 허용하지 않습니다
4, 빈 html 요소
5, 내용이 없는 html 요소
참고:
빈 요소와 빈 콘텐츠의 차이점: 빈 요소의 시작 태그와 종료 태그는 동일합니다. 태그에 있습니다. 빈 콘텐츠는 요소 내의 콘텐츠가 비어 있고 포커스가 콘텐츠에 있음을 의미합니다.

HTML의 기본 구조
: 태그가 아니라 브라우저가 웹페이지를 올바르게 표시하도록 돕는 명령문입니다.
요소는 모든 헤드 요소에 대한 컨테이너입니다
< ;meta> 태그는 항상 HTML 문서에 대한 메타데이터를 제공합니다.
문서 제목입니다. /body> 사이의 텍스트는 웹페이지 코스웨어의 내용입니다.
항상 이름/값 쌍의 형태로 표시됩니다.
속성 값은 항상 대괄호로 묶어야 합니다. , 큰따옴표가 가장 일반적이지만 작은따옴표를 사용해도 문제가 없습니다

HTML 주석

코드에 주석을 삽입하여 코드 가독성을 높일 수 있습니다. 주석은 페이지에 표시되지 않으며 브라우저에서는 이를 무시합니다
형식:

<!doctype html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>无标题文档</title>  
<style>  
  
#box1{   
    background-color:red;   
}   
.div1{background:yellow;}   
.div2{border:1px solid #000;}   
  
</style>  
</head>  
  
<body>  
  
<!-- id只能是唯一的 -->  
<div style="width:100px; height:100px; border:1px solid #000;" id="box1 box2"></div>  
    
  
<!--class可以是多个的-->  
<div  style="width:100px; height:100px;"  class="div1 div2" ></div>  
  
<!--class可以是多个的-->  
  
<a href="#" title="我是一个提示信息">我是一个链接</a>  
  
</body>  
</html>
로그인 후 복사

이 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 정말 흥미롭습니다. PHP 중국어 웹사이트의 다른 관련 기사도 주목해 주세요! 관련 읽기:

H5 및 C3과 호환되지 않는 이전 버전의 브라우저를 처리하는 방법에 대해

12 인기 없는 H5 디자인 팁

postMessage를 사용하여 둘 사이의 연결을 실현하는 방법 H5 패스 데이터의 웹페이지

위 내용은 H5의 모든 요소와 기본 문법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿