HTML 문서에 meta 태그를 동적으로 추가하려면 jQuery를 사용하여 스크립트를 작성할 수 있습니다. 다음은 jQuery를 사용하여 meta 태그를 동적으로 추가하는 예제입니다. 이 예제에서는 "keywords" 메타 태그를 추가하는 것을 보여줍니다.
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>Your Page Title</title>
<!-- jQuery 라이브러리를 추가합니다. -->
<scriptsrc="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function() {
// 새로운 meta 태그를 생성합니다.varnewMetaTag = $('<meta>', {
name: 'keywords',
content: '키워드1, 키워드2, 키워드3'});
// head 요소에 새로운 meta 태그를 추가합니다.
$('head').append(newMetaTag);
});
</script>
</head>
<body>
<!-- 본문 내용을 추가할 수 있습니다. -->
</body>
</html>반응형
이 예제에서는 jQuery를 사용하여 문서가 준비된 후($(document).ready()) 새로운 meta 태그를 동적으로 생성하고, 이를 head 요소에 추가하고 있습니다. 새로운 키워드는 "키워드1, 키워드2, 키워드3"으로 설정되어 있습니다.
페이지의 <head> 부분을 동적으로 조작하는 것은 일반적으로 페이지가 로드된 후에 이루어지기 때문에 DOM이 완전히 생성된 후에 스크립트를 실행하는 것이 중요합니다.
반응형
'IT' 카테고리의 다른 글
| 맥북에서 사용가능한 오픈소스 코드 에디터 'Brackets'를 소개합니다. (0) | 2024.02.08 |
|---|---|
| Microsoft Visual C++ Runtime Library 에러 처리 (0) | 2024.01.11 |
| Windows용 Git 서버인 Bonobo Git Server 설치하기 (0) | 2023.06.23 |
| [IT] NAS Git Server 설정(Synology) (0) | 2023.06.23 |
| [IT]SSH 키 생성 (0) | 2023.06.23 |
