728x90

※참고자료

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

정의 및 특징

<base> 태그는 해당 문서의 모든 상대 주소(relative URL)에 대한 기본 URL(base URL)과 target 속성값을 정의할 때 사용합니다.

 

하나의 문서에는 최대 하나의 <base> 요소만이 존재할 수 있으며, <base> 요소는 반드시 <head> 요소 내에 위치해야 합니다.

또한, <base> 요소는 언제나 href 속성이나 target 속성 중 하나 또는 둘 모두를 명시해야만 합니다.

예시)

<head>
    <base href="/examples/images/">
</head>

<body>
    <img src="tcpschool_logo.png" alt="tcpschool" width="196" height="26">
</body>

 

728x90

'WEB > HTML' 카테고리의 다른 글

<HTML> meta 태그  (0) 2020.12.15
728x90

※ 참고 자료 

 

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

정의 및 특징

<meta> 태그는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용합니다.

 

<meta> 요소는 <base>, <link>, <script>, <style>, <title> 요소와 같은 다른 메타데이터 관련 요소들이 나타낼 수 없는 다양한 종류의 메타데이터를 제공할 때 사용되며, 이렇게 제공된 정보는 브라우저나 검색 엔진, 다른 웹 서비스에서 사용하게 됩니다.

 

이러한 <meta> 요소는 언제나 <head> 요소 내부에 위치해야 합니다.

 

만약 name 속성이나 http-equiv 속성이 명시되었다면 반드시 content 속성도 함께 명시되어야 하며, 반대로 두 속성이 명시되지 않았다면 content 속성 또한 명시될 수 없습니다.

 

HTML5에서는 <meta> 요소를 통해 웹 페이지에서 사용자가 볼 수 있는 영역인 뷰포트(viewport)를 제어할 수 있도록 name 속성에 viewport 속성값을 제공하고 있습니다.

1) 검색 엔진을 위한 키워드(keyword)를 정의하는 예제

<meta name="keyword" content="HTML, meta, tag, element, reference">

 

2) 웹 페이지에 대한 설명(description)을 정의하는 예제

<meta name="description" content="HTML meta tag page">

3) 문서의 저자(author)를 정의하는 예제

<meta name="author" content="TCPSchool">

 

4) 5초 뒤에 다른 페이지로 리다이렉트(redirect)시키는 예제

<meta http-equiv="refresh" content="5;url=http://www.tcpschool.com">

5) 모든 장치에서 웹 사이트가 잘 보이도록 뷰포트(viewport)를 설정하는 예제

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 

728x90

'WEB > HTML' 카테고리의 다른 글

<HTML> base 태그  (0) 2020.12.15

+ Recent posts

티스토리툴바