Thẻ body> có cần thiết trong HTML không

In the first article of this series, we looked at the first element of the element, the HTML head tag. In this article, we will explain what the HTML body tag is and what it is used for.

Thẻ nội dung HTML là gì?

The HTML body element is the container for the content of an HTML document. It must be the second element of the element and follows the head element. Each HTML document can only contain one body element.

Thẻ nội dung HTML được sử dụng để làm gì?

Nội dung của tài liệu HTML có thể có nhiều dạng khác nhau. Tất cả các trang web chứa văn bản. Hầu hết các trang web cũng chứa hình ảnh. Một số trang web cũng chứa video và âm thanh. Trong bài viết này, chúng ta sẽ xem xét cách văn bản có thể được sử dụng trong một trang web

Chữ

On the most basic level, text can be used as a heading or a paragraph. Headings are used to give structure to the content. There are six headings from

to

.

is used as the main heading. Each page should only contain one

.

is used as a subheading, and to are used as sub-subheadings. It is possible to have multiple sub- and sub-subheadings. This article uses two headings, each followed by a paragraph, and multiple headings, also each followed by a paragraph. Always use the next heading in the hierarchy, and don’t “jump over” one type of heading. This will look strange on the rendered page. But more importantly, it will confuse readers who rely on screen readers to access the content of your page. They will think they missed some content.In some cases, it is recommended to use the tag to combine headings and paragraphs into a unit of independent and self-contained content. Examples are news stories or posts in a forum or blog articles. 

Microsoft retires Internet Explorer

     

On June 15, 2022, Internet Explorer was officially retired and is out of support. Users will be progressively redirected to Microsoft's new browser, Microsoft Edge. At a future date, Internet Explorer will be permanently disabled.

danh sách

Một tùy chọn khác để cung cấp cấu trúc cho nội dung là sử dụng danh sách. Có ba dạng danh sách trong HTML. danh sách không có thứ tự, danh sách có thứ tự và danh sách lồng nhau.  

danh sách không có thứ tự

Trong một danh sách không có thứ tự, thứ tự của các mục trong danh sách không quan trọng. Một ví dụ điển hình là danh sách mua sắm

     
  • Peanut butter
  •  
  • Coconut oil
  •  
  • Eggs

danh sách có thứ tự

Danh sách có thứ tự được sử dụng khi thứ tự của các mục quan trọng, e. g. trong công thức nấu ăn hoặc bất kỳ hình thức hướng dẫn

     
  1. Add 15g fine grind coffee to your Aeropress
  2.  
  3. Add 60 - 70 g room temperature water
  4.  
  5. Stirr for 1 minute
  6.  
  7. Press for 1 minute
  8.  
  9. Dilute with ice water for your own taste

Danh sách có thứ tự sử dụng số theo mặc định và bắt đầu từ 1. Nếu bạn muốn bắt đầu danh sách ở một số khác, bạn có thể thêm thuộc tính bắt đầu với số mong muốn vào thẻ ol

Để thay đổi số lượng của một mục riêng lẻ trong danh sách, hãy thêm thuộc tính giá trị vào mục đó. Số lượng của tất cả các mục bên dưới mục này sẽ được tính toán lại

     
  1. Head north on Main St
  2.  
  3. Turn left after 200m
  4.  
  5. Turn right after 500m
  6.  
  7. The school is to your right

Nếu vì lý do nào đó bạn muốn hiển thị danh sách có thứ tự theo thứ tự đảo ngược thì bạn thêm thuộc tính Boolean Reverse vào thẻ ol. Giá trị mặc định của nó là Sai, vì vậy bạn chỉ phải thêm nó nếu muốn đảo ngược danh sách

danh sách lồng nhau

Có thể đặt một danh sách bên trong một danh sách khác. Trong hầu hết các trường hợp, một danh sách không có thứ tự sẽ được đặt bên trong một danh sách có thứ tự

     
  1. Get up
  2.  
  3. Shower and dress
  4.  
  5. Go to the grocery to buy:
  6.    
           
    • Coffee beans
    •      
    • Eggs
    •    
     
  7. Return home
  8.  
  9. Make breakfast

liên kết

One of the most defining attributes of an HTML document is being able to easily link to other HTML documents. For this, we use the tag in combination with the href attribute to define the link’s destination. Without further attributes, the linked page will be opened in the current browser window. To improve the user experience, the linked page should be opened in a new browser tab by using the target attribute with the value _blank. To prevent the linked page from ‘knowing’ from which page the user came, the rel attribute with the value noreferrer can be used. To display a user friendly name instead of the complete and often long URL, put the name to be displayed between the opening and closing a tag:

 target="blank"  rel="noreferrer"> Wikipedia 

Những cái bàn

Tables are the best choice for displaying tabular data, i.e. data contained within rows and columns. To create a table that is easy to read and understand, several elements are needed. The complete table is placed inside the

tag. To inform the users about the purpose of the table, a title should be added. The title is placed inside the
tag, which must be the first element after the opening tag. On the rendered page, the title will be placed at the top of the table.

Mimicking the structure of an HTML document, a table head element, , a table toby element, , and a table foot, , can be used to add further structure to the table and further improve accessibility.

Cấu trúc cơ bản không có hàng hoặc nội dung trông như thế này

________số 8_______

đầu bàn

The table head contains the heading row or rows, and is placed after the caption element and before the table body element. All rows in a table are placed inside a

tag. In the table head, the child elements are then placed inside a                        

Thân bàn

The table body contains the table’s primary data. In our example, each row contains the data about one movie. Since we have defined four headings, each row must contain four cells. In all rows, except for the headings, the data for these cells is placed inside a

tag.

     
  • Peanut butter
  •  
  • Coconut oil
  •  
  • Eggs
1

Các hình thức

Biểu mẫu được sử dụng để thu thập và gửi đầu vào của người dùng. Một ví dụ rất đơn giản là một biểu mẫu nơi người dùng nhập địa chỉ email của họ vào trường nhập và gửi dữ liệu đó để nhận bản tin hoặc nhập quà tặng. Các dạng phức tạp hơn, e. g. một mẫu đơn, thu thập các loại dữ liệu khác nhau. tên và địa chỉ, email, ngày sinh, mật khẩu, tệp đính kèm, v.v.  

Hãy xây dựng một hình thức rất đơn giản. Biểu mẫu được đặt bên trong thẻ biểu mẫu. Thuộc tính hành động xác định nơi dữ liệu sẽ được gửi. Thuộc tính phương thức chỉ định cách dữ liệu sẽ được gửi.  

“NHẬN” nối dữ liệu biểu mẫu vào URL và cho phép người dùng đánh dấu kết quả. Ví dụ là các truy vấn tìm kiếm. Nó không bao giờ được sử dụng cho dữ liệu nhạy cảm, bởi vì tất cả dữ liệu đã gửi sẽ được hiển thị trong URL.  

“POST” nối thêm dữ liệu biểu mẫu bên trong phần thân của yêu cầu HTTP. Dữ liệu không được hiển thị trong URL và nội dung gửi không thể được đánh dấu

     
  • Peanut butter
  •  
  • Coconut oil
  •  
  • Eggs
2

Mọi dạng dữ liệu chúng tôi có thể thu thập đều có một loại đầu vào, e. g. văn bản, số, mật khẩu hoặc email. Hãy yêu cầu người dùng của chúng tôi cung cấp cho chúng tôi địa chỉ email của họ. Chúng tôi cũng sẽ đặt tên và id cho trường, cả hai đều có cùng giá trị. Để hiển thị cho người dùng một ví dụ về đầu vào dự kiến, chúng tôi sử dụng thuộc tính placeholder. Bằng cách đặt thuộc tính bắt buộc, không thể gửi biểu mẫu nếu không có giá trị trong trường

     
  • Peanut butter
  •  
  • Coconut oil
  •  
  • Eggs
3

Ngoài (hoặc thay vì) thuộc tính trình giữ chỗ, chúng ta cũng có thể thêm nhãn để làm rõ trường này dùng để làm gì. Thuộc tính for phải sử dụng giá trị từ thuộc tính id. Nếu bạn muốn hiển thị nhãn trước rồi đến trường nhập, hãy thêm phần tử nhãn trước phần tử nhập.  

     
  • Peanut butter
  •  
  • Coconut oil
  •  
  • Eggs
4

Tất cả những gì cần thiết bây giờ để hoàn thành biểu mẫu này là một nút gửi

     
  • Peanut butter
  •  
  • Coconut oil
  •  
  • Eggs
5

Với cấu trúc cơ bản này, bạn có thể tạo các biểu mẫu phức tạp với nhiều loại và thuộc tính đầu vào để tùy chỉnh theo nhu cầu của mình. Các nguồn tốt để tìm hiểu thêm về các loại và thuộc tính đầu vào là w3schools. tài liệu web com và MDN

Học HTML cơ bản miễn phí

Nếu bạn muốn tìm hiểu một số HTML cơ bản miễn phí, hãy thử Thử thách viết mã trong 5 ngày của chúng tôi. Chỉ sau một giờ mỗi ngày trong năm ngày, bạn sẽ học những kiến ​​thức cơ bản về HTML, CSS và JavaScript. Bạn sẽ xây dựng trang web đầu tiên của mình khi kết thúc khóa học ngắn hạn miễn phí này.  

Thẻ body có quan trọng không?

Thẻ Body là một thành phần quan trọng chứa tất cả nội dung hiển thị trên trang web trong trình duyệt. Nó phải được điền chính xác để trang có thể nhìn thấy và được xếp hạng thành công trong các công cụ tìm kiếm.

Email HTML có cần thẻ body không?

Phụ thuộc hoàn toàn vào ứng dụng email nhận được nó . Theo kinh nghiệm của tôi, hầu hết các ứng dụng email sẽ diễn giải HTML không quan tâm nếu bạn có các thẻ body/head/html đầy đủ, v.v. Trên thực tế, bạn thậm chí không cần những thẻ đó cho hầu hết các trình duyệt. Bạn cần có các thẻ đầu để bao gồm kiểu/tiêu đề, v.v.

Những yếu tố nào là bắt buộc trong một phần tử HTML?

Mọi tài liệu HTML phải có phần tử TITLE trong phần HEAD. Tác giả nên sử dụng phần tử TITLE để xác định nội dung của tài liệu. Vì người dùng thường tham khảo các tài liệu ngoài ngữ cảnh, tác giả nên cung cấp các tiêu đề giàu ngữ cảnh.

tag, so that their content is rendered as a heading. Inside the tag, the scope attribute should be used to help screen readers identify which data in the table belong to the heading. Most often, the value for the scope attribute will be “col”, i.e. the heading refers to all data directly beneath it.

TitleGenreYearDirectorPrice for Blu-ray
tag. It is possible to define headers for each row. This makes screen readers read out the entire row at once, and further improves accessibility.

     
  • Peanut butter
  •  
  • Coconut oil
  •  
  • Eggs
0

chân bàn

The table foot contains footer content. It can either be placed beneath the table head or beneath the table body. It is placed inside a