HTML요소

링크

Rel

• 선택 안함 (빈값)

  • 기본값으로 선택하지 않음을 의미합니다.

• nofollow

  • 검색 엔진에 링크를 따라가지 말라고 지시합니다. SEO에 영향을 미칩니다.

• noopener

  • 새 탭에서 링크를 열 때, 보안상의 이유로 부모 페이지와 자식 페이지의 관계를 끊습니다.

• noreferrer

  • 새 탭에서 링크를 열 때, 리퍼러 정보(현재 페이지의 URL)를 보내지 않도록 합니다.

• noopener noreferrer

  • noopener와 noreferrer를 동시에 사용하여 보안을 강화합니다. 부모와 자식 페이지의 관계를 끊고, 리퍼러 정보를 보내지 않습니다.

• external

  • 외부 사이트로 연결되는 링크를 나타냅니다. 주로 외부 리소스나 다른 도메인으로 이동할 때 사용됩니다.

let linkComponentProperties = [
	{
		name: "URL",
		key: "href",
		sort: 2,
		htmlAttr: "href",
		inputtype: LinkInput
	},
	{
		name: "Rel",
		key: "rel",
		sort: 3,
		htmlAttr: "rel",
		inputtype: SelectInput,
		data: {
			options: [
				{
					value: "",
					text: "선택 안함"  // 기본값을 '선택 안함'으로 표시
				},
				{
					value: "nofollow",
					text: "nofollow"
				},
				{
					value: "noopener",
					text: "noopener"
				},
				{
					value: "noreferrer",
					text: "noreferrer"
				},
				{
					value: "noopener noreferrer",
					text: "noopener noreferrer"
				},
				{
					value: "external",
					text: "external (외부 사이트 링크)"
				}
			]
		}
	},
	{
		name: "Target",
		key: "target",
		sort: 4,
		htmlAttr: "target",
		inputtype: SelectInput,
		data: {
			options: [
				{
					value: "",
					text: ""
				},
				{
					value: "_blank",
					text: "Blank (새 탭에서 열기)"
				},
				{
					value: "_parent",
					text: "Parent (부모 창에서 열기)"
				},
				{
					value: "_self",
					text: "Self (현재 창에서 열기)"
				},
				{
					value: "_top",
					text: "Top (최상위 창에서 열기)"
				}
			]
		}
	},
	{
		name: "다운로드",
		sort: 5,
		key: "download",
		htmlAttr: "download",
		inputtype: CheckboxInput,
	}
];