Trang mặc định html là gì?

HTML có các thẻ khác nhau, một số trong đó có ý nghĩa ngữ nghĩa. Một bản soạn sẵn cơ bản cho một tệp HTML trông như thế này



  
    
    
    
    My Website
    
    
  
  
    

Welcome to My Website

Trong phần còn lại của bài viết này, tôi sẽ giải thích ý nghĩa của từng phần trong bản tóm tắt này

Cú pháp soạn sẵn HTML

LOẠI TÀI LIỆU


Phần tử này là khai báo doctype của tệp HTML.


1 yêu cầu trình duyệt hiển thị mã HTML dưới dạng HTML5 (trái ngược với một số phiên bản HTML khác)

Điều này rất quan trọng vì nếu không có phần khai báo này, các phần tử HTML5 như


2,

3, v.v. có thể không được hiển thị chính xác

thẻ html


    ...

Thẻ


4 là gốc của tài liệu HTML. Nó chứa thẻ

5, thẻ

6 và mọi phần tử HTML khác (ngoại trừ DOCTYPE) được sử dụng trong trang web của bạn

Nó cũng có thuộc tính


7, bạn có thể sử dụng thuộc tính này để chỉ định ngôn ngữ của nội dung văn bản trên trang web. Giá trị mặc định là "không xác định", vì vậy bạn nên luôn chỉ định một ngôn ngữ

Việc xác định ngôn ngữ giúp trình đọc màn hình đọc chính xác các từ và giúp công cụ tìm kiếm trả về kết quả tìm kiếm theo ngôn ngữ cụ thể

thẻ đầu


    ...

Thẻ


5 chứa siêu dữ liệu của trang web của bạn. Đây là những dữ liệu vô hình đối với người dùng, nhưng chúng cung cấp thông tin về nội dung trang web của bạn. Các công cụ tìm kiếm đặc biệt sử dụng dữ liệu này để xếp hạng trang web của bạn

Siêu dữ liệu trong thẻ đầu bao gồm thẻ meta, thẻ tiêu đề, thẻ liên kết, tập lệnh, biểu định kiểu, v.v.

thẻ meta


Thẻ


9 là một phần tử siêu dữ liệu được sử dụng để thêm nhiều siêu dữ liệu hơn vào trang web của bạn so với loại mà các thẻ không phải meta như tiêu đề cung cấp

Bạn có thể sử dụng các thẻ này cho các mục đích khác nhau

  • thêm siêu dữ liệu cho các nền tảng truyền thông xã hội để tạo bản xem trước liên kết
  • thêm một mô tả cho trang web của bạn
  • thêm mã hóa ký tự cho trang web của bạn
  • và nhiều cái khác

Các công cụ tìm kiếm, nền tảng truyền thông xã hội và dịch vụ web sử dụng siêu dữ liệu này để hiểu nội dung trang web của bạn và xác định cách hiển thị chúng cho người dùng

thẻ tiêu đề

My Website

Thẻ


    ...

0 được sử dụng để chỉ định tiêu đề cho trang web của bạn. Trình duyệt của bạn sử dụng điều này để hiển thị tiêu đề trên thanh tiêu đề

Trang mặc định html là gì?

Thẻ này cũng giúp các công cụ tìm kiếm hiển thị tiêu đề cho trang web của bạn trên kết quả tìm kiếm của họ

Trang mặc định html là gì?

thẻ liên kết

Bạn sử dụng thẻ


    ...

1, như tên của nó, để liên kết đến một tài liệu khác. Thông thường, điều này thiết lập các loại mối quan hệ khác nhau giữa tài liệu hiện tại và một tài liệu riêng biệt


Ví dụ: như đã thấy trong khối mã ở trên, chúng tôi đã thiết lập mối quan hệ tài liệu "biểu định kiểu" với các kiểu. tập tin css

Cách sử dụng phổ biến nhất của thẻ này là thêm biểu định kiểu vào tài liệu và cũng để thêm biểu tượng yêu thích vào trang web


Favicon là một hình ảnh nhỏ gần với tiêu đề của trang web, như được thấy bên dưới

Trang mặc định html là gì?

thẻ cơ thể


    ...

Thẻ


6 chứa nội dung chính của trang web, hiển thị cho người dùng. Mặc dù các phần tử không nhìn thấy được như

    ...

3 và

    ...

4 cũng có thể được thêm vào đây, nhưng hầu hết các thẻ nội dung thường được hiển thị

Từ tiêu đề đến đoạn văn đến phương tiện và nhiều hơn nữa, những yếu tố đó được thêm vào đây. Bất kỳ phần tử nào không tìm thấy ở đây (có thể được bao gồm trong thẻ đầu) sẽ không được hiển thị trên màn hình

thẻ chính

...

Thẻ


    ...

5 chỉ định nội dung thiết yếu của trang web. Đây sẽ là nội dung liên quan đến tiêu đề của trang web

Ví dụ: một trang đăng bài blog. Chia sẻ mạng xã hội ở bên trái, quảng cáo ở bên phải, đầu trang và chân trang là những phần nhỏ của trang web. Bản thân bài đăng hiển thị ảnh bìa, tiêu đề và nội dung văn bản bài đăng là phần trung tâm, sẽ nằm trong phần tử


    ...

5

thẻ h1

HTML có các thành phần tiêu đề khác nhau là


    ...

7,

    ...

8,

    ...

9,

    ...

0,

    ...

1 và

    ...

2. Các phần tử tiêu đề được sử dụng để mô tả các phần khác nhau của trang web. Và những yếu tố này có thứ tự, với

    ...

7 là cao nhất

Bạn chỉ nên có một yếu tố


    ...

7 trên trang web vì điều này bắt đầu phần chính. Và sau đó, bạn có các phần và tiểu mục khác mà bạn có thể sử dụng các thành phần tiêu đề khác

Ngoài ra, lưu ý rằng bạn không nên bỏ qua các tiêu đề. Ví dụ: bạn không nên sử dụng phần tử


    ...

0 sau khi sử dụng phần tử

    ...

8. Một cấu trúc tốt có thể như thế này


0

Từ mã này, bạn có thể thấy cách các cấp tiêu đề xác định vị trí của chúng trong các phần và tiểu mục

Gói (lại

Trong phần này, chúng ta đã thấy một bản soạn sẵn HTML dành cho người mới bắt đầu và mỗi thẻ được sử dụng trong mẫu này có ý nghĩa gì

Danh sách các phần tử này không đầy đủ vì có thể tìm thấy nhiều phần tử khác trong thẻ head và thẻ body, với nhiều thuộc tính nữa

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO


Trang mặc định html là gì?
Dillion Megida

Người ủng hộ nhà phát triển và Người sáng tạo nội dung đam mê chia sẻ kiến ​​thức của tôi về Công nghệ. Tôi đơn giản hóa JavaScript / ReactJS / NodeJS / Frameworks / TypeScript / v.v. Kênh YT của tôi. youtube. com/c/deeecode


Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Trang mặc định là gì?

Giới thiệu về Trang mặc định

HTML mặc định hay HTML chỉ mục là gì?

chỉ mục. html dễ dàng được nhận ra trên hầu hết các máy chủ dưới dạng trang mặc định, đó là lý do tại sao nhiều nhà phát triển chọn sử dụng chỉ mục. html làm tên trang mặc định.

Trang đầu tiên của một trang web được gọi là gì?

Trang đầu tiên của trang web được gọi là trang chủ .

Làm cách nào để thay đổi trang bắt đầu mặc định trong HTML?

mặc định. .
Đăng nhập vào cPanel
Điều hướng đến phần Tệp, sau đó nhấp vào biểu tượng Trình quản lý tệp
Điều hướng đến public_html của bạn và vào bên trong thư mục nơi bạn tìm thấy mặc định. .
Tạo một tệp mới. .
Đặt tên cho chỉ mục tệp mới. .
Bất cứ điều gì bạn đặt bên trong chỉ mục