표준 URL이 무엇이고 이것이 SEO에 미치는 영향에 대해 알아보십시오. 표준 URL이란 무엇입니까? 표준 URL은 주어진 페이지에 대해 선호하는 웹페이지 URL 구조가 무엇인지 검색 엔진에 알려주는 HTML 링크 요소입니다. 표준 URL은 SEO에 중요합니다. Google 및 기타 검색 엔진은 웹사이트를 크롤링하고 표준 URL은 개별 페이지의 색인을 생성할 URL을 알려줍니다. 표준 링크 요소는 <head> 안에 있습니다. 웹페이지의 요소이며 rel="canonical" 속성이 있습니다. . 다음
볼드체(굵은체라고도 함)는 타이포그래피에서 강력한 강조 유형으로 간주됩니다. 최신 HTML에는 기본적으로 굵은 글꼴 두께(굵게 표시라고도 함)를 텍스트 요소(대부분의 브라우저에서)에 적용하는 두 개의 HTML 요소가 있습니다. <strong>를 사용할 수 있습니다. 태그 또는 <b> 다음과 같은 태그: 최신 HTML(HTML5)에서는 <strong> 및 <b> 의미 있고 유효한 것으로 간주됩니다. 둘 다 최신 브라우저에서 동일한 굵게 표시되는 스타일을 사용하지만 의미나 목적은 동일하지
HTML 요소와 다양한 속성을 사용하여 웹사이트에 배경 오디오 또는 음악 파일을 추가하는 방법을 알아보세요. 웹사이트에 배경 음악/오디오를 추가하려면 HTML 오디오 요소(<audio>...</audio> ). 사용자가 웹사이트를 방문하는 즉시 백그라운드에서 재생하려는 오디오 파일이 있다고 가정해 보겠습니다. 다음은 이를 수행하는 데 필요한 일반 HTML 코드입니다. <audio> 요소의 src 속성은 내부 및 외부 오디오 소스를 모두 값으로 허용합니다. autoplay에 주목하세요. 기인
<!DOCTYPE html> 방문자의 브라우저에 이 문서가 HTML 문서임을 알리는 데 사용하는 선언입니다. HTML 표준을 준수하려면 모든 HTML 문서에 DOCTYPE 선언이 있어야 합니다. <!DOCTYPE html> 항상 HTML 문서의 맨 위에 위치해야 합니다. 그만큼 간단합니다!
기본 HTML 문서가 있고 외부 JavaScript 파일을 문서에 포함(가져오기)하려고 한다고 가정해 보겠습니다. 그렇게 하려면 HTML <script>를 사용해야 합니다. 요소: defer 스크립트 요소의 속성입니다. 지연은 main.js 내부의 코드를 의미합니다. 파일은 웹 페이지가 모든 콘텐츠 요소(텍스트, 이미지, 링크 등) 로드를 완료할 때까지 실행되지 않습니다. 분명히, 이는 어떤 이유로든 JavaScript 파일을 전에 실행해야 하는 경우 모든 웹페이지 콘텐츠가 로드된 다음 defer를 사용하지 않습니
웹 페이지 안에 PDF 파일을 포함하려면 <iframe>를 사용할 수 있습니다. 요소를 만들고 PDF 파일의 경로를 소스 값으로 추가합니다. 기본적으로 iframe에는 frameborder로 제거할 수 있는 테두리가 있습니다. 속성: iframe에 너비와 높이를 추가할 수도 있습니다. CSS 클래스나 인라인 스타일을 사용하여 이를 수행할 수 있습니다. 아래 예에서는 width를 추가합니다. 100% 값 iframe이 상위 컨테이너의 너비에 관계없이 확장되도록 합니다(좋은 방법). 또한 height도 지정합니다.
사용자가 모든 필수 필드를 작성하지 않고 양식을 제출하지 못하게 하려면 required를 추가하기만 하면 됩니다. 제출을 위해 채워야 하는 입력 요소에 대한 속성: 예: 둘 다 이름 및 이메일 required가 있음 위 코드의 속성입니다. 이제 사용자가 양식 제출을 클릭하면 두 필수 필드를 모두 채우지 않고 버튼을 클릭하면 다음 팝업 경고가 표시됩니다.
차단 수준의 차이점에 대해 알아보기 &인라인 블록 HTML의 요소. HTML에서 모든 요소에는 기본 디스플레이가 있습니다. 모든 브라우저에 내장된 UAS(User Agent Stylesheet)에 의해 상속되는 값입니다. 두 가지 표시 값 옵션이 있습니다. 차단 및 인라인: CSS의 차단:display:block; CSS 인라인:디스플레이:인라인 블록; HTML 요소의 동작 또는 스타일은 브라우저의 사용자 에이전트 스타일시트(UAS)에서 가져옵니다. — 쉽게 무시할 수 있습니다. 따라서 다음과 같은 간단한 선언으로 모
HTML <figure> 사용법에 대한 기본 사항 배우기 요소. <figure> 태그는 HTML에서 그림 요소를 만드는 데 사용됩니다. <figure> 요소는 일러스트레이션, 사진 및 코드 예제와 같은 자체 포함된 콘텐츠를 마크업하는 데 사용됩니다. <figcaption> 요소는 <figure에 대한 캡션을 추가하는 데 자주 사용됩니다. 요소, 특히 이미지의 경우:
HTML(<a> ) 하이퍼링크 요소는 웹에서 인터랙티브 링크를 정의하는 데 사용됩니다. HTML에서 <a> 태그는 링크/하이퍼링크 요소를 정의하는 데 사용됩니다. 링크 요소는 앵커라고도 합니다. 요소. 링크 대 하이퍼링크: 링크 인터넷 상의 위치를 지정하는 주소입니다. 하이퍼링크 링크 유형입니다. 클릭하면 무언가를 활성화하거나 웹사이트와 같은 대상으로 이동할 수 있습니다. 대화에서 대부분의 사람들은 하이퍼링크와 링크를 같은 의미로 사용합니다. a 요소 사용 방법 <a> 요소는 여러 속
HTML <div> 사용 방법 알아보기 요소. <div> 요소는 콘텐츠를 분할, 그룹화 및 캡슐화하는 데 사용되는 일반 컨테이너 요소입니다. <div>만 사용해야 합니다. 의미 체계 HTML 요소가 컨텍스트와 관련하여 사용하는 것이 의미가 없는 경우(또는 확실하지 않은 경우) 요소를 사용합니다. 시맨틱 마크업 내부에 넣은 콘텐츠의 의미/기능을 설명하는 HTML 요소를 사용할 때입니다. <div> 요소는 일반/비의미적 요소입니다. 요소의 사용 사례 사이트 방문자가 뉴스레터를 구독하도
HTML <main> 사용 방법 알아보기 요소. HTML <main> 요소는 <body 내에서 페이지 콘텐츠의 주요/주요 부분을 나타내는 컨테이너로 사용됩니다. 요소. 예: <main> 요소에는 문서 주제의 중심이 되는 콘텐츠가 포함되어 있습니다. <header> 동안 및 <footer> 요소에는 콘텐츠(일반적으로 링크 및 로고)도 포함되지만 웹사이트의 주요 부분으로 간주될 수 없으므로 <main> 외부에 배치해야 합니다. 요소. <article&
HTML <p> 사용 방법 알아보기 (단락) 요소. HTML(<p> ) 요소는 단락 요소를 정의하는 데 사용됩니다. <p> 요소는 웹에서 가장 많이 사용되는 텍스트 요소입니다. 당신이 읽고 있는 이 기사는 거의 전적으로 단락 요소로 구성되어 있습니다. <p> 요소는 블록 수준 요소입니다. 이것은 기본적으로 문서에 정의된 모든 단락이 브라우저에서 새 줄을 차지함을 의미합니다. <p>를 교체한 경우 <span>가 있는 태그 태그가 있는 경우 해당 두 텍스트 블록
HTML <section> 사용 방법 알아보기 요소. HTML <section> 요소는 문서의 개별 콘텐츠 섹션을 나타내는 컨테이너 요소로 사용됩니다. 회사에 대한 다양한 정보를 표시하는 여러 섹션이 있는 웹 페이지가 있을 수 있습니다. 예: 영웅 섹션 서비스 섹션 팀 섹션 스폰서 섹션 문의하기 섹션 각 섹션은 다음과 같이 자체 포함된 섹션으로 캡슐화될 수 있습니다. <section>의 또 다른 사용 사례 요소는 <article> 안에 있습니다. 요소. 여러 주제를 논의하는
HTML <article> 사용 방법 알아보기 요소. HTML <article> 태그는 자체 포함에 대한 기사 요소를 정의하는 데 사용됩니다. 콘텐츠. 독립형이란 기사 요소에 넣은 콘텐츠가 웹사이트의 나머지 부분과 독립적으로 작동해야 함을 의미합니다. HTML 태그 사용 방법 <article>의 사용 사례 태그: 블로그 잡지 뉴스 사이트 <main>과 달리 콘텐츠 컨테이너이기도 한 요소인 <article> 태그는 동일한 HTML 문서 내에서 한 번 또는 여러 번 사용할
HTML <span> 사용 방법 알아보기 요소. HTML <span> 요소는 텍스트를 마크업하는 데 사용되는 일반 인라인 컨테이너 요소입니다. 다른 요소 내부에서 자주 사용됩니다. <span> 텍스트의 일부를 나머지 부분과 다르게 보이게 하는 데 자주 사용됩니다. 예: <span>를 사용할 수도 있습니다. class를 통해 동일한 스타일 속성 값을 공유하는 요소 그룹화 . 예를 들어 레시피를 작성 중이고 특정 색상으로 구성 단어인 텍스트 블록의 모든 단어를 강조하고 싶다고 가정해
HTML <link> 사용 방법 알아보기 요소. HTML <link> 요소는 주로 웹사이트에 스타일을 추가하는 외부 CSS 파일을 가져오는 데 사용됩니다. <link> 요소는 <head> 안에 있습니다. 요소이며 여러 유형의 속성을 허용합니다. 가장 일반적인 <link> 요소 속성은 위에서 본 두 가지, href입니다. 및 rel : href 링크된 파일의 위치를 지정합니다(이 경우 main.css라는 스타일 시트). rel 관계를 나타내며 내부에 있는 문서와 연결
HTML <title> 사용 방법 알아보기 요소. HTML <title> 요소는 웹사이트의 페이지 제목을 나타냅니다. 현재 있는 웹사이트의 페이지 제목을 보려면 브라우저 페이지 탭으로 마우스를 이동하고 몇 초 동안 마우스를 계속 누르고 있으면 전체 페이지 제목 팝업이 표시됩니다. 다음은 YouTube에서 수행하는 작업입니다. 제목 요소를 생성하기 위해 <title> 열기와 닫기를 사용합니다. 태그를 입력하고 그 안에 텍스트를 입력합니다. <title> 요소는 텍스트만 포함해야
HTML <style> 사용 방법 알아보기 요소. <style> 요소는 HTML 문서에 직접 스타일을 포함하는 데 사용됩니다. <style> 요소는 HTML 문서의 <head> 안에 있습니다. 요소: <link>로 수행되는 외부 스타일시트를 가져올 수도 있습니다. 요소. 이것은 일반적으로 적어도 더 큰 웹사이트에서는 선호하는 방법입니다. 알아두면 좋은 정보: <style>를 모두 사용하는 경우 및 <link> 요소를 동일한 문서에서 스타일로 지정하
HTML <script> 사용 방법 알아보기 요소. HTML <script> 요소는 문서에 JavaScript 코드를 추가하는 데 사용됩니다. <script> 사용 두 가지 방법으로 JavaScript를 추가할 수 있습니다. 문서 내부에 JavaScript 코드를 인라인으로 직접 포함할 수 있습니다. 또는 외부 JavaScript 파일(.js 가져오기/로드 ). 따라서 JavaScript를 내부적으로 로드하느냐 외부적으로 로드하느냐의 문제입니다. 두 가지 옵션을 모두 살펴보겠습니다. 인라인