HTML5에 대한 인기 없는 지식을 공유하세요

HTML은 웹의 통합 언어입니다. 꺾쇠 괄호 안에 포함된 대략적인 태그가 오늘날의 웹을 구성합니다. 1991년 Tim Berners-Lee는 웹 페이지를 표시하는 데 사용되는 약 20개의 HTML 태그를 포함하는 "HTML 태그"라는 문서를 작성했습니다. 그는 나중에 본 HTML 마크업 스타일인 SGML의 마크업 스타일을 직접 차용했습니다.

오늘은 Huwu 에디터가 여러분이 몰랐을 수도 있는 html5 퀴즈 사실을 정리해드립니다.

브라우저 주소 표시줄에서 JavaScript코드 실행
브라우저 주소 표시줄에서 직접 JavaScript 코드를 실행할 수 있는 방법은 다음과 같습니다. 실행문으로. 예:

참고로, 자바스크립트 코드를 실행하려면 브라우저에서 코드를 복사할 경우 IE와 Chr Ome는 코드 시작 부분에서 자동으로 javascript를 제거하므로 올바른 실행을 위해 수동으로 추가해야 합니다. Firefox는 이를 자동으로 제거하지 않지만 JS 주소 표시줄에 코드를 전혀 입력하지 마세요! ! 브라우저 주소 표시줄에서 HTML 코드 실행

위의 작은 비밀을 아는 사람은 많지만 IE 코어가 아닌 브라우저에서는 주소 표시줄에서 HTML 코드를 직접 실행할 수 있습니다!

그나저나 Huwu 에디터도 최근에야 우연히 알게 됐네요.

예를 들어 주소창에 다음 코드를 입력하고 엔터를 누르면 실행하면 지정한 페이지 내용이 나옵니다.

아래와 같이

브라우저를 다음과 같이 사용하세요.

편집기

여전히 브라우저 주소창에 난리를 피우는 문제입니다. 주소창에 다음 코드를 붙여넣고 실행시키면 브라우저는 메모장처럼 원시적이고 단순한 편집기가 됩니다. Windows와 함께 제공됩니다.

아래와 같습니다.

최종 분석에서 , HTML5 덕분에 새로 추가된 콘텐츠 편집 가능

속성

덕분에 이 속성으로 요소를 지정하면 요소의 콘텐츠가 상태 편집 가능해집니다. 더 나아가 콘솔에 다음 코드를 입력하고 실행하면 전체 페이지를 편집할 수 있게 됩니다!

아래 그림과 같습니다.

태그를 사용하여 URL을 자동으로 구문 분석

URL,

쿼리
키워드, 변수 매개변수 값 등에서 도메인 이름을 추출해야 하는 경우가 많지만 브라우저가 쉽게 할 수 있을 것이라고는 예상하지 못했습니다. help 캡처를 위한 일반 코드를 작성하지 않고도 이 작업을 수행할 수 있습니다. 방법은 먼저 JS 코드에서 a 태그를 만든 다음 구문 분석해야 하는 URL을 a의 href 속성에 할당한 다음 원하는 모든 것을 얻는 것입니다.

아래와 같이

위의 방법을 사용하세요. 작동하려면 브라우저 매개 변수에!

페이지에 ID가 있는 요소는 전역 변수를 생성합니다.
HTML 페이지에서 ID 속성이 설정된 모든 요소는 JavaScript 실행 환경에서 해당 전역 변수를 생성합니다. 즉, document.getElementById는 다음과 같습니다. 인간의 맹장만큼 중복됩니다. 하지만 실제 프로젝트에서는 그냥 솔직하게 작성하는 것이 가장 좋습니다. 결국 일반 코드에서는 문제가 발생할 가능성이 훨씬 적습니다.

아래와 같습니다.

CDN을 로딩할 때 파일, HTTP 로고 생략 가능
요즘 인기 있는 CDN은 전용 서버에서 일부 일반적인 JS 및 CSS 파일을 로드합니다. 보안 고려 사항을 위해 일부 CDN 서버는 HTTPS를 사용하여 연결하는 반면 다른 서버는 기존을 사용합니다. 실제로 HTTP를 사용할 때 이를 무시하고 URL에서 생략할 수 있습니다.

정보를 저장하려면 스크립트 태그를 사용하세요.
스크립트 태그를 type='text'로 설정하면 정보를 다음 위치에 저장할 수 있습니다. 그러면 JavaScript 코드에서 쉽게 사용할 수 있습니다.

물론 이보다 훨씬 더 많은 퀴즈가 있습니다.

[관련 추천]

1. 무료 h5 온라인 동영상 튜토리얼

HTML5 정식 버전 매뉴얼

3. php.cn 원본 html5 동영상 튜토리얼

위 내용은 HTML5에 대한 인기 없는 지식을 공유하세요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!