일부 HTML 코드 작성 스타일 제안 요약-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

일부 HTML 코드 작성 스타일 제안 요약

高洛峰

Feb 21, 2017 pm 01:43 PM

html사양스타일

리소스 파일의 프로토콜 생략

이미지, 미디어 파일, 스타일 및 URL의 프로토콜 부분(http:, https:)을 생략하는 것이 좋습니다. 프로토콜을 생략하면 해당 섹션 이후의 리소스 파일이 페이지 URL의 프로토콜을 상속하게 됩니다. 이를 통해 혼합 콘텐츠 문제를 방지할 수 있을 뿐만 아니라 페이지 크기를 줄일 수도 있습니다.

h4, h5, h6 태그는 왜 거의 사용되지 않나요?

제목 태그에는 h1~h6이 포함됩니다. h1, h2, h3이지만 h4, h5, h6은 거의 사용하지 않습니다.

합리적으로 의미가 있고 과감하게 (레이아웃에 CSS를 사용하지 않고) 알몸으로 실행되는 웹사이트에서 제목 태그는 의미적인 의미를 가질 뿐만 아니라 , 스타일링 효과도 있습니다. 하지만 CSS가 대중화된 오늘날에는 실제로 h1과 h6을 사용하는 것이 큰 차이가 없으며 어쨌든 제목 태그로 외관을 사용할 수 있습니다. title 요소는 페이지에서 가중치가 높은 키워드를 나타내기 때문에 h4, h5, h6의 가중치는 높지 않고, 강한 것만큼 좋지도 않습니다. 및 em은 거의 사용되지 않는 것으로 추정됩니다.

h1 > h3 > tbody는 테이블 내용을 담는 데 사용되며, tfoot은 테이블 설명을 담는 데 사용됩니다. 실제로 이러한 태그는 필요하지 않습니다. > 브라우저는 일반적으로 테이블을 표시하기 전에 전체 테이블을 다운로드해야 하기 때문에 이는 테이블 레이아웃 시대의 사용자 읽기에 영향을 미치므로 이러한 태그는 테이블을 여러 테이블 부분으로 나누는 데 사용되며 다운로드된 부분은 또한 긴 표를 인쇄하기 위해 각 페이지마다 머리글과 바닥글을 표시할 수 있습니다.

선택 태그를 생략

사용합니다. Dreamwave 학생들은 HTML 파일을 생성할 때 기본 코드가 다음과 같다는 인상을 받아야 합니다.

<html>  
 <head>  
 </head>  
    
 <body>  
 </body>  
</html>

제목, 외부 CSS 및 JavaScript 참조를 헤드 영역에 배치하고 페이지에 표시 내용은 본문에 있지만 사실 html, head, body는 모두 생략 가능한 태그입니다.

이 선택적 태그를 삭제하고 나면 이상해 보이지만 페이지는 정상적으로 표시되고 W3C에서는 테스트는 통과할 수 있습니다. 제 블로그에서 이미 이 작업을 수행했습니다. 그러나 한 가지 주의할 점은 XHTML로 페이지를 작성하려면 html 태그를 유지해야 한다는 것입니다. 왜냐하면 여전히 다음 코드가 명령문으로 필요하기 때문입니다.

<html xmlns="http://www.w3.org/1999/xhtml">

b 태그와 i 태그

많은 사람들이 b 태그와 i 태그가 u 태그와 같은 운명을 가지고 있다고 생각하고 분류됩니다. 그러나 HTML5 사양에서는 이 두 태그를 사용하는 것이 여전히 권장됩니다. 나는 항상 이 사실을 알고 있었고 심지어 친구들과도 논쟁을 벌였습니다. 그러나 HTML5 사양에서 이를 정의하는 방법을 전혀 이해하지 못했습니다. HTML5.

hr 태그

hr은 콘텐츠를 구분하는 가로선입니다. 나는 항상 hr이 형편없는 것이라고 생각했습니다. 실제로 hr은 의미상으로 기사의 구분선으로, 기사의 맥락을 완전히 구분하여 관련성이 없게 만듭니다.

hr이 의미상이라는 점을 제외하면 많은 블로그 게시물에 나타나는 아래 그림의 구분선 페이지에서도 마찬가지이며 크롤러도 이를 이해할 수 있습니다.

우리는 버튼을 만들기 위해 태그를 사용하곤 했나요?

input type="button"이 아닙니다. 알겠습니다. IE 하위 버전에서는 호버 효과를 볼 수 없기 때문입니다. 그런데 왜 대신 태그인가요? a 태그가 href 없이 버튼으로 만들어지는거 맞나요? 예전에는 이런식으로 했는데.

일부 HTML 코드 작성 스타일 제안 요약

후말

Google의 HTML/CSS 코딩 스타일 가이드는 짧고 간결하게 코드 작성을 권장합니다. 매뉴얼은 매우 유용하지만 미신적인 내용은 없습니다. 들여쓰기를 위해 두 개의 공백을 사용하는 것이 좋습니다. 이는 많은 팀에서 가능하지 않을 수 있습니다.

매뉴얼에서는 많은 HTML 제안이 HTML5를 목표로 하지만 여기서는 XHTML 대신 HTML 스타일을 사용합니다. 많은 곳에서 코드의 생략은 실제로 코드의 가독성을 떨어뜨립니다. 모두가 자신의 선택에 따라 판단해야 합니다.
일부 HTML 코드 작성 스타일 제안 요약 HTML 코드 작성 스타일에 대한 더 많은 관련 기사와 제안을 보려면 다음을 참조하세요. PHP 중국어 웹사이트!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML의 시작 태그의 예는 무엇입니까?Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

See all articles

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.