인식 HTML

HTML, XML, XHTML 의 차이
우선, 이 세 가 지 는 모두 표기 언어 이 고 html 쓰기 의 규범 이다.
HTML html 는 하이퍼텍스트 표기 언어 로 문법 이 비교적 느슨 하고 엄격 하지 않 은 웹 언어 를 요구한다.대소 문자 가 일치 하지 않 고 탭 이 닫 히 지 않 는 등 문제 가 발생 할 수 있 지만 브 라 우 저 는 잘못 보고 하지 않 고 표시 되 지 않 거나 실행 되 지 않 을 수 있 습 니 다.XML xml 은 확장 가능 한 태그 언어 로 데이터 와 구 조 를 저장 하 는 데 사 용 됩 니 다.탭 은 사용자 정의 로 사용 해 야 합 니 다. 무제 한 이름, 주로 데이터 전송 등 역할 을 합 니 다.XHTML xhtml 는 하이퍼텍스트 태그 언어 로 이름 을 봐 도 그 가 상기 두 가지 결합 판 이라는 것 을 알 수 있다.xml 기반 으로 html 와 유사 한 역할 을 하 며 문법 적 요구 가 더욱 엄격 합 니 다.
HTML 어의 화
의미 화 는 페이지 의 요구, 구체 적 인 내용 에 따라 적당 한 곳 에 적당 한 라벨 을 사용 하고 합 리 적 인 코드 구 조 를 사용 하여 코드 를 작성 하 는 것 입 니 다.이렇게 하면 seo 최적화 에 유리 하고 브 라 우 저 파충류 와 기계 가 페이지 에 대한 분석 에 유리 하 다.개발 자가 읽 기 에 도 편리 하 다.의미 화 된 라벨 은 모든 내용 에 대해 전체적인 성명 을 하 는 것 이다.
탭 을 올 바 르 게 사용 하 는 방법
먼저 html 태그 의 의 미 를 파악 해 야 합 니 다. 먼저 내용 을 쓸 때 어떤 태그 로 그 를 잘 묘사 할 수 있 는 지, 내용 과 내용 간 의 관 계 를 병렬 적 으로 묘사 할 수 있 는 지, 포함 적 으로 구조 화 합 리 적 으로 고려 해 야 합 니 다.
어의 화의 장점
1. seo 에 유리 하고 검색엔진 파충류 가 우리 의 웹 페이지 를 잘 이해 하여 더 많은 효과 적 인 정 보 를 얻 고 웹 페이지 의 가중치 를 높 일 수 있 습 니 다.2 css 의 미화 가 없 으 면 웹 페이지 의 구 조 를 뚜렷하게 볼 수 있 고 가 독성 을 강화 할 수 있다.3. 의미 화 된 html 는 그 개발 자 를 알 수 있 고 쉽게 이해 할 수 있 으 며 팀 개발, 유지 에 편리 합 니 다.4. 여러 터미널 장치 의 브 라 우 저 렌 더 링 을 지원 합 니 다.
내용, 양식, 행위 분리의 원칙 을 이해 하 다
html 코드 는 css 코드 와 분리 되 어 작성 되 며, 두 코드 는 한데 섞 일 수 없습니다.HTML 태 그 는 내용 만 담 고 스타일 은 CSS 에 맡 겼 으 며 행 위 는 자 바스 크 립 트 에 맡 겼 다.어떻게 하지?1. html 를 작성 할 때 css 스타일 을 고려 하지 않 고 페이지 의 내용 과 구조 분석 을 단독으로 합 니 다.2 html 를 다 쓴 후에 css 를 씁 니 다.3. css 를 html 에 쓰 지 마 세 요. 속성 스타일, 줄 내 스타일 이 나타 나 지 않 습 니 다.4. 행동 js 는 스타일 css 와 분리 되 어 css 의 속성 인 코딩 이 아니 라 js 작업 을 통 해 스타일 을 추가 하고 삭제 합 니 다.이렇게 하면 좋 은 점?나중에 개편 할 때 더욱 편리 하도록 HTML 의 내용 을 움 직 이지 않 고 직접 스타일 을 수정 합 니 다.스타일 과 내용 을 쉽게 읽 고 사이트 의 유지 에 편리 합 니 다.웹 페이지 의 내용 이 검색엔진 앞 에 직접 노출 되면 검색엔진 이 웹 페이지 의 내용 을 캡 처 하 는 데 유리 하 다.
메타 태그

             。
        ，    ie         ，    Chrome      。


               。        ，       ，  "keywords、description               ，          。
            ，    ，  。

문서 성명 의 역할
문서 설명 은 브 라 우 저 에 게 페이지 를 어떤 방식 으로 해석 하 는 지 알려 주 는 것 입 니 다.
엄격 한 패턴 과 혼합 모드
엄격 한 모드 는 브 라 우 저가 이 페이지 에 대한 렌 더 링 분석 방식 을 설정 한 것 입 니 다.h5 야, h4 야?혼합 모드 는 문서 설명 을 설정 하지 않 은 것 입 니 다. 이것 은 브 라 우 저 자체 의 렌 더 링 방식 에 따라 진행 해 야 합 니 다.
html 5 를 위 한 문서 설명 방식 입 니 다.
브 라 우 저 오류 의 원인 은 무엇 입 니까?어떻게 해결 합 니까?
인 코딩 방식 을 설정 하지 않 고 기본 인 코딩 방식 으로 저 장 했 을 수도 있 습 니 다. 브 라 우 저 는 인 코딩 방식 을 모 르 고 다른 방식 으로 분 석 했 습 니 다.페이지 인 코딩 방식 이 잘못 되 었 을 수도 있 습 니 다. 인 코딩 방식 은 중국 어 를 지원 하지 않 는 경우 도 있 습 니 다. 이 럴 때 페이지 에 중국어 가 있 으 면 브 라 우 저 에서 인 코딩 방식 을 감지 할 때 페이지 에 설 정 된 인 코딩 방식 으로 해석 하고 분석 한 페이지 에 오류 가 발생 할 수 있 습 니 다.
해결: 정확 한 대응 인 코딩 방식 을 설정 해 야 합 니 다. 인 코딩 방식 은 페이지 에 써 야 합 니 다. 예 를 들 어.
흔히 볼 수 있 는 브 라 우 저 에는 어떤 커 널 이 있 습 니까?
IE, Maxthon 의 커 널: Trident FireFox, Mozilla Suite / SeaMonkey 의 커 널: Gecko Opera 커 널: Presto Safari, Chrome 커 널: Webkit
일반적인 탭 을 표시 하고 이 탭 들 이 어떤 장면 에 사용 되 는 지 간단하게 소개 합 니 다.

제목 h1 ~ h6 h1 은 최대 라벨 이 고 h2 는 2 급 제목 으로 유추 된다.글 의 제목, 페이지 의 사이트 제목 등에 사용 할 수 있 습 니 다.

p 단락 문장의 한 단락 은 한두 글자 일 수도 있 고 p 를 사용 할 수도 있다.뉴스 류 홈 페이지 에 사용 되 는 문장 세그먼트.

a 링크 는 주 소 를 연결 하고 점프 를 클릭 합 니 다.내 비게 이 션, 텍스트 링크 에 사용 되 며, 한 번 클릭 하면 다른 페이지 로 갑 니 다.

img 그림 은 로 컬 그림 을 웹 페이지 에 불 러 옵 니 다.페이지 에 그림 을 추가 하면 사이트 상품 도 전시 에 사용 할 수 있 습 니 다.

div 의 한 페이지 구분 구역 입 니 다.사용자 페이지 내용 구조 구분.

얼 리 무질서 목록 은 순서 전후 구분 없 이 조합 하여 사용 합 니 다.병렬 된 내용 을 표시 하여 끼 워 넣 어서 사용 할 수 있 습 니 다.페이지 의 네 비게 이 션 부분 에 사용 되 는 모든 네 비게 이 션 내용

ol li 는 서열 표 에 순서 가 있 고 절 차 를 나타 낸다.1.2.3. 글 에서 순서대로 논술 한 내용 에 사용 된다.

dl dt d 는 제목 과 내용 을 나타 내 는 전시 형식 입 니 다.일련의 제목 과 내용 을 뚜렷하게 표현 하 는 장면.사전 속 의 단어의 해석 과 같다.

button 버튼 을 누 를 수 있 는 버튼 입 니 다.폼 의 제출 단추 등에 사용 합 니 다.

span strong em span 은 강조 역할 을 하지 않 고 일부 문자 만 감 싸 서 스타일 을 추가 할 수 있 습 니 다.strong 은 강조 하 며 돋 보이 고 싶 은 내용 을 보 여 준다.em 은 strong 에 비해 약간 약 하 다 는 것 은 약 한 강조 이다.일부 텍스트 에 대해 강조 하거나 다른 스타일 에 사용 합 니 다.11 iframe 은 배경 과 js 가 적용 되 지 않 는 상황 에서 간단 한 튜 토리 얼 을 왼쪽 에서 클릭 한 후 오른쪽 iframe 탭 영역 에 표시 합 니 다.12 table 표 는 레이아웃 에 사용 하지 말고 표를 보 여 줍 니 다.데이터 통계 도표 에 사용 합 니 다.

줄 내 요소 VS 블록 급 요소 차이
차이: 줄 안의 요소 가 차지 하 는 너 비 는 자신의 너비 입 니 다. 라벨 은 a span strong em img button 블록 급 요소 가 전체 줄 을 차지 합 니 다.div p ul li h1 ~ h6