HTML 해부학 | 짐
HTML은 그의 가족에서 다른 버전을 가지고 있지만, 우리는 HTML5인 업데이트된 버전에서만 이야기합니다. 이제 HTML5에 대해 궁금해 합시다.
이것이 기본적인 HTML 페이지 구조입니다:
<!DOCTYPE html>
<html>
<head>
<title>Title of the Page</title>
</head>
<body>
<h1>A Heading</h1>
<p>A paragraph.</p>
</body>
</html>
여기에서 첫 번째 HTML 코드로 이동합니다.
근데 잠깐 😗, 뭐야? '페이지 제목', '제목', '단락'을 얻었지만 <..>..에 있는 것은 무엇입니까?
바로 HTML 태그입니다. 내가 그것을 분해하자.
첫 번째,
<!DOCTYPE html>
"이봐, 난 HTML5 문서야. 그러니 나를 다른 가족들처럼 읽으려 하지 말고, 그냥 나처럼 읽어줘(HTML5)"라고 말해요.
따라서 브라우저는 영혼을 듣고 나머지를 읽습니다.
그 다음에,
<html></html>
이 태그는 HTML 페이지의 루트 요소입니다. 따라서 지금 보고 있는 것은 이 태그 사이에 있습니다.
다음으로 우리는,
<head></head>
귀하와 제가 자주 볼 수 없는 귀하의 웹사이트/페이지에 대한 유용한 정보를 브라우저에 알려줍니다. 그 사이에 검색 결과에 나타나는 제목, 설명, 키워드를 선언합니다. 또한 CSS 및 JavaScript 콘텐츠, 문자 집합 선언 등을 보유합니다. 우리는 나중에 논의 할 것입니다. 로 넘어가자
<title></title>
꼬리표. 오, 이런! 페이지 이름을 지정해야 하지 않습니까? 그리고 책갈피에 페이지를 저장하는 경우 브라우저에서 기억(저장)/참조해야 하는 이름은 무엇입니까? 이것이 웹이 웹 또는 HTML 페이지의 이름을 아는 방법입니다. 처럼
오, 우리가 보지 못하는 것이 많죠?
이제 시청자가 웹사이트에서 무엇을 보고 있는지 알아볼 시간입니다.
<body></body>
이 태그는 브라우저에 "브라우저, 들어보세요. 시청자가 볼 수 없는 많은 정보를 제공했습니다. 이제 내 사이에 선언된 것이 무엇이든 시청자에게 보여주세요."라고 말합니다.
일부 선언하자.
<h1>A Heading</h1>
<p>A paragraph.</p>
우리에게 주는 것은,
<h1></h1>
당신은 브라우저가 나에게 큰 제목을 제공합니다.그리고
<p></p>
방금 간단한 텍스트를 선언했습니다.Html은 추가 공백을 신경 쓰지 않습니다. 추가 공백은 브라우저에서 자동으로 제거됩니다.
방금 논의한 모든 것으로 웹 페이지는 다음과 같습니다.
더 자세히 알아보려면 다음을 방문하십시오: MDN Doc
LinkedIn에 가입
한 곳에서 모든 것을 보려면 이 웹 앱을 확인하고 설치하십시오: Web App
Reference
이 문제에 관하여(HTML 해부학 | 짐), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/akhlakhossainjim/html-anatomy-jim-355a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)