[삽입] > [HTML]에서 헤드 태그를 선택합니다.
마지막 업데이트 날짜
2021년 4월 27일
Dreamweaver의 웹 페이지에서 내용을 보고 편집하며, 메타 속성과 페이지 제목을 설정하고, 페이지에 대한 키워드와 설명을 지정합니다.
페이지에는 페이지의 정보를 설명하는 요소들이 포함되어 있으며, 이는 검색 엔진에서 사용됩니다.head 요소의 속성을 설정하여 페이지 식별 방법을 제어할 수 있습니다.
헤드 내용 보기 및 편집
코드 보기 또는 코드 관리자를 사용하여 문서의 헤드 섹션에 있는 요소를 볼 수 있습니다.
문서의 head 섹션에 요소 삽입하기
나타나는 대화상자 또는 속성 검사자에서
해당 요소의 옵션을 입력합니다.
문서의 head 섹션에서 요소 편집하기
코드 보기 또는 속성 관리자에서 코드를 직접 입력하여 헤드 요소를 편집할 수 있습니다.
속성 관리자를 사용하여 헤드 섹션의 요소 편집:
DOM 패널(윈도우 > DOM 패널)에서 헤드 요소를 선택합니다.
속성 관리자에 선택한 요소의 속성이 표시됩니다.
속성 검사자에서 해당 요소의 속성을
설정하거나 수정합니다.
페이지의 Meta 속성을 설정하세요
meta 태그는 문자 인코딩, 작성자, 저작권 또는 키워드와 같은 현재 페이지에 대한 정보를 기록하는 head 요소입니다. 이러한 태그는 페이지의 만료 날짜, 새로 고침 간격 및 POWDER 등급과 같은 정보를 서버에 제공하는 데에도 사용할 수 있습니다. (POWDER, 웹 설명 리소스용 프로토콜은 웹 페이지에 영화 등급과 같은 등급을 할당하는 방법을 제공합니다.)
meta 태그 추가
[삽입] > [HTML] > [메타]를 선택합니다.
대화 상자가 나타나면 속성을 지정합니다.
기존 meta 태그 편집
코드 보기 또는 속성 관리자에서 코드를 직접 입력하여 메타 요소를 편집할 수 있습니다.
속성 관리자를 사용하여 메타 섹션의 요소 편집:
DOM 패널(윈도우 > DOM 패널)에서 헤드 요소를 선택합니다.
속성 관리자에 선택한 요소의 속성이 표시됩니다.
DOM 패널에서 메타 태그를 선택합니다.
속성 관리자에서 속성을 지정합니다.
속성
meta 태그에 페이지에 대한 설명 정보(name) 또는 HTTP 헤더 정보(http-equiv)가 포함되는지를 지정합니다.
값
이 태그에 제공하는 정보의 유형을 지정합니다.description, keywords, refresh와 같은 일부 값들은 이미 잘 정의되어 있고(Dreamweaver에서 각각 개별 속성 검사자를 가짐), 실제로 어떤 값이든(예: creationdate, documentID 또는 level) 지정할 수 있습니다.
내용
실제 정보를 지정합니다. 예를 들어, 값에 level을 지정한 경우 콘텐츠에 beginner, intermediate 또는 advanced를 지정할 수 있습니다.
페이지 제목 설정
제목 속성은 하나뿐입니다(페이지 제목). 다음 방법 중 하나를 사용하여 페이지 제목을 편집할 수 있습니다.
- 코드에서 직접 제목 편집 (코드 보기 모드)
- DOM 패널에서 제목 태그를 선택하고 속성 관리자에서 제목 편집
페이지 키워드 지정
많은 검색 엔진 로봇(검색 엔진이 색인화할 정보를 수집하기 위해 자동으로 웹을 탐색하는 프로그램)이 Keywords Meta 태그의 콘텐츠를 읽고 해당 정보를 사용하여 데이터베이스에서 페이지를 색인화합니다.일부 검색 엔진은 색인화하는 키워드나 문자의 수를 제한하거나, 제한을 초과하면 모든 키워드를 무시하므로 신중하게 선택한 몇 개의 키워드만 사용하는 것이 좋습니다.
키워드 meta 태그 추가
[삽입] > [HTML] > [키워드]를 선택합니다.
나타나는 대화상자에서
쉼표로 구분된 키워드를 지정합니다.
키워드 meta 태그 편집
다음 방법 중 하나를 사용하여 키워드 메타 설명을 편집할 수 있습니다.
- 코드에서 직접 키워드 편집 (코드 보기 모드)
- DOM 패널에서 해당 키워드에 대한 메타 태그를 선택하고 속성 관리자에서 키워드를 조회, 수정 또는 삭제합니다.
메모
키워드는 쉼표로 구분해야 합니다.
페이지 설명 지정
많은 검색 엔진 로봇(검색 엔진이 색인화할 정보를 수집하기 위해 자동으로 웹을 찾아보는 프로그램)이 Description meta 태그의 콘텐츠를 읽습니다.일부는 해당 정보를 사용하여 데이터베이스에서 페이지를 색인화하고, 일부는 검색 결과 페이지에 해당 정보를 표시하기도 합니다(문서의 처음 몇 줄을 표시하는 대신). 일부 검색 엔진은 색인화하는 문자 수를 제한하므로 설명을 몇 개 단어로 제한하는 것이 좋습니다(예: 조지아주 올바니의 돼지고기 바비큐 케이터링 또는 전 세계 고객을 위한 합리적인 가격의 웹 디자인).
설명 meta 태그 추가
[삽입] > [HTML] > [설명]을 선택합니다.
표시되는 대화 상자에 설명 텍스트를 입력합니다.
설명 meta 태그 편집
다음 방법 중 하나를 사용하여 메타 설명을 편집할 수 있습니다.
- 코드에서 직접 설명 편집 (코드 보기 모드)
- DOM 패널에서 해당 설명에 대한 메타 태그를 선택하고 속성 관리자에서 설명을 편집합니다.
페이지의 새로 고침 속성 설정하기
Refresh 요소를 사용하여 일정 시간 후 브라우저가 자동으로 페이지를 새로 고침(현재 페이지를 다시 로드하거나 다른 페이지로 이동)하도록 지정합니다. 이 요소는 종종 사용자를 한 URL에서 다른 URL로 리디렉션하는 데 사용되며, URL이 변경되었다는 텍스트 메시지를 표시한 후에 이루어지는 경우가 많습니다.
새로 고침 meta 태그 추가
[삽입] > [HTML] > [메타]를 선택합니다.
표시되는 대화 상자에서 다음과 같이 속성을 지정합니다.
속성
HTTP 헤더 정보를 포함하는 메타 태그를 지정합니다(http-equivalent).
값
이 태그를 새로 고침으로 제공하는 정보의 유형을 지정합니다.
내용
브라우저가 페이지를 새로 고치기 전에 대기하는 시간(초)을 지정합니다. 브라우저가 페이지를 로드한 후 즉시 새로 고치게 하려면 이 상자에 0을 입력합니다.
새로 고침 메타 태그 편집
다음 방법 중 하나를 사용하여 새로 고침 메타 태그를 편집할 수 있습니다.
- 코드에서 직접 속성 편집 (코드 보기 모드)
- DOM 패널 또는 코드에서 새로 고침에 대한 메타 태그를 선택하고 속성 관리자에서 해당 속성을 편집합니다.
기본 메타 태그 편집
페이지의 모든 문서 상대 경로가 기준으로 삼는 기본 URL을 설정하는 데 사용되는 기본 요소를 편집할 수 있습니다.
DOM 패널에서 기본 요소를 선택합니다.
속성 검사자에서 Base 메타 태그
속성을 지정합니다.
Href
기본 URL입니다. [찾아보기] 버튼을 클릭하여 파일을 찾아 선택하거나 상자에 경로를 입력합니다.
대상
연결된 모든 문서가 열릴 프레임이나 창을 지정합니다. 현재 프레임셋에서 프레임 중 하나를 선택하거나 다음 예약된 이름 중 하나를 선택하십시오:
_blank는 연결된 문서를 새로운 이름 없는 브라우저 창에 로드합니다.
_parent는 연결된 문서를 링크가 포함된 프레임의 상위 프레임셋이나 창에 로드합니다.링크가 포함된 프레임이 중첩되지 않은 경우 이는 _top과 동일하며, 연결된 문서가 전체 브라우저 창에 로드됩니다.
_self는 연결된 문서를 링크와 동일한 프레임이나 창에 로드합니다. 이 대상은 기본값이므로 일반적으로 지정할 필요가 없습니다.
_top은 연결된 문서를 전체 브라우저 창에 로드하여 모든 프레임을 제거합니다.
링크 메타 태그 편집
현재 문서와 다른 파일 간의 관계를 정의하는 link 태그를 편집할 수 있습니다.
메모
head 섹션의 link 태그는 body 섹션에서 문서 간의 HTML 링크와는 다릅니다.
DOM 패널 또는 코드 보기에서 링크 요소를 선택합니다.
속성 관리자에서 링크 메타 태그
속성을 지정하십시오.
Href
관계를 정의하려는 파일의 URL입니다. 찾아보기 버튼을 클릭하여 파일을 찾아 선택하거나 상자에 경로를 입력하십시오. 이 특성은 일반적인 HTML 의미에서의 링크할 파일을 나타내지 않습니다. 링크 요소에서 지정된 관계는 더 복잡합니다.
ID
링크의 고유 식별자를 지정합니다.
제목
관계를 설명합니다. 이 속성은 연결된 스타일 시트에 특별한 관련성을 가집니다. 자세한 내용은 World Wide Web Consortium 웹 사이트 www.w3.org/TR/REC-html40/present/styles.html#style-external의 HTML 4.0 사양의 외부 스타일 시트 섹션을 참조하십시오.
Rel
현재 문서와 Href 상자에 있는 문서 간의 관계를 지정합니다. 가능한 값에는 Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help, Bookmark가 포함됩니다. 둘 이상의 관계를 지정하려면 값을 공백으로 구분하십시오.
Rev
현재 문서와 Href 상자에 있는 문서 간의 역방향 관계(Rel의 반대)를 지정합니다. 가능한 값은 Rel과 동일합니다.
