모든 웹사이트에서 HTML이 중요한 이유

2321 단어 htmlsemanticshtmltags
TML은 웹 페이지를 디자인하는 데 사용되는 Hypertext Markup Language의 약어입니다. 즉, HTML은 World Wide Web에 표시되는 웹 페이지에 구조를 부여하는 데 사용됩니다. HTML에는 사용자가 읽을 수 있고 브라우저에서 이해할 수 있는 방식으로 웹에서 콘텐츠를 쉽게 표시할 수 있는 태그가 포함되어 있습니다. 이러한 태그를 시맨틱 태그라고 합니다. 시맨틱 태그는 코드 블록의 올바른 의미를 브라우저에 전달하고 화면 판독기에서도 렌더링을 개선하는 데 도움이 됩니다.

따라서 단순한 프레젠테이션 외에도 이러한 태그는 요소에 추가적인 의미를 제공합니다. 브라우저는 동일한 것을 사용하여 요소를 클라이언트에 올바르게 렌더링합니다. 좋은 예는 제목을 나타내는 <h1> 태그입니다. 사용자는 제목이 무엇인지 알고 있으며 브라우저는 올바른 의미로 제목을 적절하게 표시할 수 있습니다( <h1> ). 다른 몇 가지는 <blockquote> , <code><em> 입니다.

반대로 <b><i>와 같은 태그는 텍스트의 모양에만 관심이 있으므로 의미가 없습니다. 시맨틱 HTML의 중요성은 모든 웹 페이지- 커뮤니케이션의 목표입니다. 시맨틱 태그는 페이지와 해당 콘텐츠의 의미를 브라우저에 명확하게 보여줍니다. 이는 필요할 때 올바른 콘텐츠를 제공하기 위해 검색 엔진에 동시에 전달됩니다. 다음은 HTML의 기본 웹 레이아웃입니다.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Website</title>
</head>
<body>
<header>
<h1>My First Webpage</h1>
</header>
<main>
<p>I welcome you all to this page</p>
<p>Kindly fill out this form to subscribe to my weekly newsletter</p>
<form action="#">
<label for="username">Enter your fullname here:</label>
<input type="username" id="username" name="newsletter">
<label for="email">Please provide a valid email address:</label>
<input type="email" id="email" name="newsletter">
<button>Submit</button>
</form>
</main>
</body>
</html>


아래 이미지는 HTML 태그 목록을 보여줍니다. 목록이 완전하지는 않지만 웹 개발 초보자에게 유용합니다.



표지 이미지: 1training.org

좋은 웹페이지 즐겨찾기