웹 프론트엔드 CSS 튜토리얼 웹표준지식 - p부터 차근차근_경험교류

웹표준지식 - p부터 차근차근_경험교류

May 16, 2016 pm 12:05 PM
p web 기준

많은 친구들이 아직도 Dreamweaver(이하 DW)를 사용하고 있습니다. 이 소프트웨어는 기본적으로 보는 것이 곧 얻는 것임을 깨닫는 매우 뛰어난 소프트웨어라는 것은 부인할 수 없습니다. 물론, 많은 웹 페이지 개발자들이 (x) HTML 태그에 대해 아무것도 모르는 것은 바로 이 때문입니다. 하지만 WEB 표준을 배우기 위해서는 태그를 다루어야 하고, 태그의 특성을 이해해야 합니다. 코드를 직접 입력할 계획이 없더라도 계속 DW를 사용하여 작업을 완료하려면 DW에 저장된 코드의 역할을 알아야 합니다. 중복되는 코드를 줄이고 웹페이지의 품질을 향상시키려면 (x) HTML 태그를 이해해야 합니다.

따라서 학습은 가장 일반적으로 사용되는 간단한 것부터 시작하여 자연스럽게 단계별로 이루어져야 합니다. HTML 태그 중 가장 일반적으로 사용되고 간단한 태그는 무엇입니까? 그렇다면 단연

태그라고 할 수 있습니다. 거의 모든 문서 파일에서 이 태그를 사용하기 때문에 흔히 사용되는 태그입니다. 한 글자만 있어도 쉽게 알 수 있습니다. 간단하지만 문단을 구분하는 데 사용되기 때문에 매우 중요합니다. 우리 모두는 읽기를 용이하게 하기 위해 기사를 나누는 데 단락이 사용된다는 것을 알고 있습니다. 때로는 일부 소프트웨어나 사람의 작업으로 인해 문서를 구별하기 위해 다른 태그가 사용되는 경우가 있는데
가 특히 일반적입니다. 그러면 어떤 사람은 이렇게 말할 것입니다. 어쨌든 다 똑같은 것이 아닌가? 이것은 사실이 아닙니다. 인간의 경우 단락을 구별하기 위해 무엇이든 사용할 수 있지만 기계와 프로그램의 경우 단락을 이해하려면 이러한 레이블을 사용해야 합니다. 이것이 태그의 의미입니다. 올바른 의미를 사용하면 검색 엔진에서 문서를 더 쉽게 인식할 수 있습니다. 동시에, 태그의 사용을 합리적으로 정리하는 것은 코드 이식은 물론 유지 관리에도 도움이 될 수 있습니다.

물론 많은 분들이 이 태그를 오랫동안 알고 사용해 오셨을 수도 있고, 를 사용하지 않고도 단락 태그를 표시할 수 있다는 사실도 발견하셨을 겁니다. 그리고 이 방법이 사용되었습니다. 이러한 작성 방식은 HTML에서 허용됩니다. 하지만 이 작성 방법은 (x)HTML에서 표준화되어 있으므로 모든 단락 태그에는 종료 태그를 추가해야 합니다. (

예제 문단... 텍스트

) (x)HTML은 HTML 태그의 사용을 표준화하고 일부 불합리한 태그를 뺄 뿐이라는 점을 기억하는 것이 중요합니다. 태그의 속성. 그렇다면 단락 태그의 속성은 무엇입니까? 얼마나 남았나요? Zhenzhi는 일부 문헌을 확인했습니다.

align 속성: 글씨는

이고, 속성 값은 left, right, center, justify(양쪽 끝 정렬)입니다. 단락 내 텍스트의 정렬 방향을 관리하는 정렬 속성입니다. 그러나 이 속성의 사용은 (x)HTML에서 더 이상 지원되지 않습니다. 물론 브라우저는 이 속성을 계속 지원합니다. 그럼에도 불구하고 사용하지 않는 것이 좋습니다. CSS를 통해 이 속성을 쉽게 구현할 수 있고 코드에서 이러한 속성을 하나씩 추가할 필요가 없기 때문입니다.

사용 가능한 속성은 id, class, style, title 입니다. 이러한 속성은 단락 태그에 사용될 수 있다는 점을 모두가 이해하는 한 이 칼럼의 향후 기사에서 분석될 것입니다.

아직 기사에 대한 단락 태그 설정을 시도하지 않았다면 지금부터 이 코드를 프로젝트에 추가해 보는 것은 어떨까요? 이를 통해 웹 표준을 더욱 쉽게 마스터할 수 있습니다.

또한 P는 블록 수준 태그이지만 이 블록 수준 태그에는 블록 수준 태그가 나타날 수 없습니다. (x)HTML의 중첩 규칙에 대해서는 JUNCHEN
이 번역하고 설명한 "(X)HTML Strict의 중첩 규칙"을 참조하세요.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Nginx 웹 서버 캐디를 사용하는 방법 Nginx 웹 서버 캐디를 사용하는 방법 May 30, 2023 pm 12:19 PM

Caddy 소개 Caddy는 현재 Github에 38,000개 이상의 별이 있는 강력하고 확장성이 뛰어난 웹 서버입니다. Caddy는 Go 언어로 작성되었으며 정적 리소스 호스팅 및 역방향 프록시에 사용할 수 있습니다. Caddy에는 다음과 같은 주요 기능이 있습니다. Nginx의 복잡한 구성에 비해 원래 Caddyfile 구성은 매우 간단합니다. 기본적으로 자동화된 HTTPS 구성을 지원하고 HTTPS 인증서를 자동으로 적용할 수 있습니다. 수만 개의 사이트를 Go 언어로 작성하여 어디서나 실행할 수 있으며 메모리 안전성이 더욱 보장됩니다. 우선 CentO에 직접 설치해보겠습니다.

웹상의 얼굴 차단 공격에 대한 실시간 보호(머신러닝 기반) 웹상의 얼굴 차단 공격에 대한 실시간 보호(머신러닝 기반) Jun 10, 2023 pm 01:03 PM

얼굴 차단 사격은 영상 속 인물을 가리지 않고 다수의 사격이 떠다니는 것처럼 보이도록 하여 마치 인물 뒤에서 떠다니는 것처럼 보이게 하는 것을 의미합니다. 기계 학습은 몇 년 동안 널리 사용되었지만 많은 사람들은 이러한 기능을 브라우저에서도 실행할 수 있다는 사실을 모릅니다. 이 기사에서는 기사 마지막 부분에 적용 가능한 몇 가지 시나리오를 소개합니다. 이 솔루션을 통해 몇 가지 아이디어를 얻을 수 있기를 바랍니다. mediapipeDemo(https://google.github.io/mediapipe/)는 주류 얼굴 차단 공세 주문형 업로드의 구현 원리를 보여줍니다. 비디오 서버 백그라운드 계산은 비디오 화면의 세로 영역을 추출하고 이를 svg로 변환합니다. 클라이언트가 비디오를 재생하는 동안 서버에서 svg를 다운로드하고 사격, 초상화와 결합합니다.

Java API 개발에서 웹 서버 처리를 위해 Jetty7 사용 Java API 개발에서 웹 서버 처리를 위해 Jetty7 사용 Jun 18, 2023 am 10:42 AM

JavaAPI 개발에서 웹 서버 처리를 위해 Jetty7 사용 인터넷의 발전과 함께 웹 서버는 애플리케이션 개발의 핵심 부분이 되었으며 많은 기업의 초점이기도 합니다. 증가하는 비즈니스 요구를 충족하기 위해 많은 개발자가 웹 서버 개발에 Jetty를 사용하기로 선택했으며 그 유연성과 확장성은 널리 인정받고 있습니다. 이 기사에서는 We 용 JavaAPI 개발에서 Jetty7을 사용하는 방법을 소개합니다.

Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법 Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법 Jun 24, 2023 am 09:08 AM

양식 유효성 검사는 웹 애플리케이션 개발에서 매우 중요한 링크로, 애플리케이션의 보안 취약성과 데이터 오류를 방지하기 위해 양식 데이터를 제출하기 전에 데이터의 유효성을 확인할 수 있습니다. Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 쉽게 구현할 수 있습니다. 이 기사에서는 Golang을 사용하여 웹 애플리케이션에 대한 양식 유효성 검사를 구현하는 방법을 소개합니다. 1. 폼 유효성 검사의 기본 요소 폼 유효성 검사를 구현하는 방법을 소개하기 전에 먼저 폼 유효성 검사의 기본 요소가 무엇인지 알아야 합니다. 양식 요소: 양식 요소는

frps 서버와 웹이 포트 80을 공유하도록 nginx를 구성하는 방법 frps 서버와 웹이 포트 80을 공유하도록 nginx를 구성하는 방법 Jun 03, 2023 am 08:19 AM

우선, frp가 무엇인지에 대해 의문이 생길 것입니다. 간단히 말해서, frp는 인트라넷 침투 도구입니다. 클라이언트를 구성한 후 서버를 통해 인트라넷에 액세스할 수 있습니다. 이제 내 서버는 nginx를 웹 사이트로 사용했으며 포트 80은 하나만 있습니다. FRP 서버도 포트 80을 사용하려면 어떻게 해야 합니까? 쿼리 후에는 nginx의 역방향 프록시를 사용하여 이를 수행할 수 있습니다. 추가하려면: frps는 서버이고 frpc는 클라이언트입니다. 1단계: 서버에서 nginx.conf 구성 파일을 수정하고 nginx.conf의 http{}에 다음 매개변수를 추가합니다. server{listen80

웹 표준이란 무엇입니까? 웹 표준이란 무엇입니까? Oct 18, 2023 pm 05:24 PM

웹 표준은 W3C 및 기타 관련 기관에서 개발한 일련의 사양 및 지침으로, HTML, CSS, JavaScript, DOM, 웹 접근성 및 성능 최적화를 포함하며, 이러한 표준을 따르면 페이지의 호환성이 향상됩니다. 접근성, 유지 관리성 및 성능. 웹 표준의 목표는 웹 콘텐츠가 다양한 플랫폼, 브라우저 및 장치에서 일관되게 표시되고 상호 작용할 수 있도록 하여 더 나은 사용자 경험과 개발 효율성을 제공하는 것입니다.

조종석 웹 UI에서 관리 액세스를 활성화하는 방법 조종석 웹 UI에서 관리 액세스를 활성화하는 방법 Mar 20, 2024 pm 06:56 PM

Cockpit은 Linux 서버용 웹 기반 그래픽 인터페이스입니다. 이는 주로 신규/전문가 사용자가 Linux 서버를 보다 쉽게 ​​관리할 수 있도록 하기 위한 것입니다. 이 문서에서는 Cockpit 액세스 모드와 CockpitWebUI에서 Cockpit으로 관리 액세스를 전환하는 방법에 대해 설명합니다. 콘텐츠 항목: Cockpit 입장 모드 현재 Cockpit 액세스 모드 찾기 CockpitWebUI에서 Cockpit에 대한 관리 액세스 활성화 CockpitWebUI에서 Cockpit에 대한 관리 액세스 비활성화 결론 조종석 입장 모드 조종석에는 두 가지 액세스 모드가 있습니다. 제한된 액세스: 이는 조종석 액세스 모드의 기본값입니다. 이 액세스 모드에서는 조종석에서 웹 사용자에 액세스할 수 없습니다.

PHP 함수 라이브러리 설계의 원칙과 표준 PHP 함수 라이브러리 설계의 원칙과 표준 Jun 16, 2023 am 11:37 AM

웹 개발에서 PHP의 중요성이 계속 증가함에 따라 PHP 함수 라이브러리 설계는 개발의 주요 문제 중 하나가 되었습니다. 좋은 함수 라이브러리는 개발 효율성을 향상시킬 뿐만 아니라 코드 품질과 유지 관리 가능성도 보장합니다. 따라서 함수 라이브러리를 설계하려면 몇 가지 기본 원칙과 표준을 따라야 합니다. 1. 재사용성이 좋은 함수 라이브러리는 재사용이 가능해야 하며 다양한 프로젝트에서 사용할 수 있어야 합니다. 따라서 기능은 추상적이고 일반적이어야 하며 특정 프로젝트나 시나리오에 묶일 수 없습니다. 2. 사용 용이성 함수 라이브러리는 사용하기 쉽고 매개변수를 전달해야 합니다.

See all articles