Javascript 제목 속성 값 가져오기

| | | | | | |

HTML

</pre> 태그는 웹 페이지의 제목을 정의합니다. 이 제목은 브라우저 탭 표시줄과 즐겨찾기 목록에 페이지를 추가할 때 나타납니다. 모든 웹 페이지에는 <pre class="prettyprint"><title></pre> 태그가 포함되어야 합니다.</em></p><p>웹 페이지를 만들 때 해당 웹 페이지의 제목을 지정해야 합니다. 예를 들어 지역 빵집 웹사이트의 홈페이지를 만들고 있다고 가정해 보겠습니다. 빵집의 이름을 웹 페이지의 제목으로 표시할 수 있습니다.</p><p>여기서 HTML <em><pre class="prettyprint"><title></pre></em> 태그가 사용됩니다. <em>태그 <pre class="prettyprint"><title></pre></em> 태그는 HTML 문서의 제목을 정의하고 웹 페이지의 헤드 섹션에 배치됩니다. 이 튜토리얼에서는 예제를 참조하여 <em><pre class="prettyprint"><title></pre></em> 태그의 중요성과 코드에서 태그를 사용하는 방법을 다룹니다.</p><h2> HTML 헤드 리프레셔</h2><p>HTML에서 <em><head></em> 요소는 헤더 요소를 저장하는 데 사용됩니다. 이러한 요소는 웹페이지에 표시되어야 하는 아이콘과 같은 웹페이지에 대한 추가 정보를 제공합니다.</p><p>함께 <em><head></em> 섹션의 요소는 다음에 대한 주요 정보를 설명합니다. 문서. 브라우저에서 문서에 사용된 스타일시트 및 스크립트(사용된 경우)를 가리킬 수 있습니다.</p><h2>HTML <pre class="prettyprint"><title></pre></h2><p>HTML <em><pre class="prettyprint"> <title></pre></em> 태그는 문서의 제목을 정의합니다. 이 태그는 <em><head></em> 태그 안에 나타납니다. 이 태그는 웹 페이지의 목적을 요약해야 합니다. 페이지당 하나의 <pre class="prettyprint"><title></pre> 태그만 지정하면 됩니다.</p><p>이 태그의 구문을 살펴보겠습니다.</p> <p><pre class="prettyprint"><title></pre> 태그에는 여는 태그와 닫는 태그가 모두 있습니다. 이 태그들 사이에 웹페이지 제목을 작성했습니다.</p> </div>  </div>  </a> </div> <p><pre class="prettyprint"><title></pre> 태그의 텍스트가 웹페이지에 나타나지 않습니다. 이는 <pre class="prettyprint"><title></pre> 태그가 웹 페이지의 <body> 태그 대신 <head> 태그에 포함되어 있기 때문입니다.</p><p>위의 제목은 다음을 알려주기 때문에 강력합니다. 사용자가 보고 있는 페이지가 정확히 무엇인지 알 수 있습니다. 사용자가 "홈"이라는 제목으로 여러 탭을 열어 놓은 경우 혼동을 피하기 위해 사이트 이름도 지정했습니다.</p><p>제목은 명확하고 읽기 쉽고 너무 길지 않아야 합니다. 다음 샘플 헤드라인을 고려하십시오.</p><ul><li>블로그 - Professional Karma</li><li>Professional Karma에 문의</li><li>Professional Karma 블로그</li></ul> <p>이 모든 제목은 페이지의 목적을 나타냅니다. 제목은 탭 표시줄에 공간이 제한되어 있기 때문에 너무 길면 안 됩니다.</p><p><pre class="prettyprint"><title></pre> 태그는 HTML5와 같은 모든 전역 속성을 지원합니다. 이 태그는 모든 주요 최신 브라우저에서 지원됩니다. 제목 태그에는 요소별 HTML 속성이 없습니다.</p><h2>HTML 제목 태그의 예</h2><p>HTML 제목 요소는 <em><head></em> 태그 안에 정의되어 있습니다. HTML 페이지에서. 지역 빵집인 Joseph Abrams & Sons의 웹 페이지를 생성한다고 가정해 보겠습니다. 우리는 현재 홈페이지를 구축 중이며 사이트 제목에 제과점 이름이 표시되기를 원합니다.</p><p>다음 코드를 사용하여 페이지 제목을 " <em>Giuseppe Abrams & Figli.</em> ":</p><p>저희 사이트의 웹페이지가 열리면 페이지 제목이 " <em>Joseph Abrams & Sons</em> "로 설정됩니다.</p> </a> </div> <p>이제 이전에 지역 빵집에 대한 연락처 페이지를 생성했다고 가정합니다. 제목을 사용할 수 있습니다. " <em>연락처 | Joseph Abrams & Sons</em> & ldquo ;. 이 제목은 간단하고 웹 페이지의 목적을 잘 설명합니다.</p><h2><pre class="prettyprint"><title></pre> 태그를 사용해야 하는 이유는 무엇입니까?</h2><p>여러 가지가 있습니다. 문서 제목 태그를 지정하는 것이 중요합니다.</p><p>첫 번째, <em><pre class="prettyprint"><title></pre></em> 태그는 웹 브라우저의 제목 표시줄에 페이지 제목을 표시합니다. . 예를 들어, 이 페이지의 제목은 "<em>HTML Title Tag: A How-To | Python.Engineering</em>입니다. ‚" 이 사이트의 탭 이름에 나타납니다.</p><p>Second , <em>태그 <pre class="prettyprint"><title></pre></em> 태그는 사용자의 웹 브라우저에 즐겨찾기로 추가되거나 즐겨찾기로 저장될 때 웹 페이지에 레이블을 지정합니다. 지정한 제목은 자동으로 저장됩니다. . 웹 페이지에 적절한 제목을 사용하지 않으면 사용자가 즐겨찾기에서 페이지를 찾는 데 어려움을 겪을 수 있습니다.</p><p>검색 엔진은 태그의 내용에 따라 달라집니다. 제목. title 태그는 검색 엔진 결과 페이지(SERP)의 웹 페이지 제목이 됩니다. SERP는 검색 결과 페이지의 항목입니다.</p><p>또한 <em><pre class="prettyprint">의 콘텐츠 <title></pre></em> 태그는 검색 엔진에서 웹 페이지의 제목을 결정하는 데 사용됩니다.</p><p>이제 <em><pre class="prettyprint"><title></pre></em> 태그가 중요합니다. HTML 제목 태그를 어떻게 사용하는지 궁금하실 것입니다. 이 질문에 답해 보겠습니다.</p><h2>결론</h2><p>T <em><pre class="prettyprint"><title></pre></em> 태그는 HTML 문서의 제목을 나타냅니다. 이 제목은 웹 브라우저의 탭 이름에 표시됩니다. 제목과 제목을 결정하기 위해 웹 페이지를 처리할 때 검색 엔진에서도 사용됩니다.</p> </a> </div> <p> 이 자습서에서는 예제를 참조하여 HTML <em><pre class="prettyprint"><title></pre></em> 태그의 기본 사항을 다뤘습니다. 이제 HTML 전문가로서 title 태그를 사용할 준비가 되었습니다!</p><p>HTML 코딩에 대해 더 알고 싶으십니까? <a href="/learn-html/"> HTML 학습 가이드 </a> 를 확인하십시오. 이 가이드에는 초보자를 위한 최고의 학습 리소스 및 코스 목록이 포함되어 있습니다. 및 중간 개발자. HTML 주제에 대한 최고의 책도 찾을 수 있습니다.</p> <script> jQuery(문서 ) .ready (function () {jQuery (`# testimonial-section-1`).click (function (e) {var text = "Find your Bootcamp match"; var type = "testimonial section"; var ahref = jQuery ( this) .attr(`href`), GaEvent(텍스트, 유형, `fasttrack`), fasTrackEvent(유형, 텍스트, ahref);}), 함수 GaEvent(텍스트, 이름, 이벤트 이름) {var pathName = window.location. pathname.replace(/// g, ""); var 참조자 = 문서.참조자; 참조자 = 참조자 .replace("https: / /", ""); 참조자 = 참조자.대체("http: //", ""); 참조자 = 참조자.split(`/`) [0]; gtag(`이벤트`, eventName, {cta_type: `fasttrack`, cta_name: 이름, cta_text: 텍스트, page_url: document.URL, page_path: pathName , 참조자: 참조자,});} 함수 fasTrackEvent(유형, 텍스트, ahref, fC TA = null) {var 기사 = jQuery(".thb-blockgrid").부모(). ( "h2")를 찾으십시오. 텍스트 ( ); if (기사 == "") {var 기사 = jQuery("h1"). 텍스트 (); } analytics.track("블로그 - FastTrack CTA 클릭", {시간: Date.now(), ctaType: type, ctaText: text, url: document.URL, 기사: 기사, 카테고리: jQuery(`. entry-header. single_category_title `) .text(), 출처: "블로그", 참조자: document.referrer, ReferrerDomain: document.referrer.split (` / `) [2]}); if (fCTA == null) {var fCTA = `평가 섹션`; } const firstFtCTA = localStorage.getItem(`firstFtCTA`); if(!firstFtCTA) {localStorage.setItem(`firstFtCTA`, fCTA); localStorage.setItem(`firstFtCTAPath`, document.URL); } localStorage.setItem(`lastFtCTA`, fCTA); localStorage.setItem(`lastFtCTAPath`, document.URL); analytics.identify({...(firstFtCTA?{}: {firstFtCTA: localStorage.getItem(`firstFtCTA`), firstFtCTAPath: localStorage.getItem(`firstFtCTAPath`)}), lastFtCTA: fCTA, lastFtCTAPath}: document.URL, ); }}); </스크립트> </div>