S trong HTML nghĩa là gì?

HTML, hay Ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ đánh dấu dành cho web xác định cấu trúc của các trang web

Đây là một trong những khối xây dựng cơ bản nhất của mọi trang web, vì vậy điều quan trọng là phải học nếu bạn muốn có một sự nghiệp trong lĩnh vực phát triển web

Trong bài viết này, tôi sẽ hướng dẫn bạn chi tiết HTML là gì, nó hoạt động như thế nào trên các trang web và chúng ta cũng sẽ đề cập đến một phần thực sự thú vị của HTML – HTML ngữ nghĩa

HTML là gì?

Để hiểu "HTML" từ trước ra sau, hãy xem xét từng từ tạo nên từ viết tắt

siêu văn bản. văn bản [thường có nhúng, chẳng hạn như hình ảnh] được tổ chức để kết nối các mục liên quan

đánh dấu. một hướng dẫn phong cách để sắp chữ bất cứ thứ gì được in ở định dạng bản cứng hoặc bản mềm

Ngôn ngữ. một ngôn ngữ mà một hệ thống máy tính hiểu và sử dụng để diễn giải các lệnh

HTML xác định cấu trúc của trang web. Chỉ riêng cấu trúc này là không đủ để làm cho một trang web trông đẹp mắt và tương tác. Vì vậy, bạn sẽ sử dụng các công nghệ được hỗ trợ như CSS và JavaScript để làm cho HTML của bạn trở nên đẹp mắt và thêm tính tương tác tương ứng

Trong trường hợp này, tôi muốn chia nhỏ ba công nghệ – HTML, CSS và JavaScript – theo cách này. chúng giống như một cơ thể con người

  • HTML là bộ xương,
  • CSS là da,
  • và JavaScript là hệ thống tuần hoàn, tiêu hóa và hô hấp mang lại sự sống cho cấu trúc và làn da

Bạn cũng có thể xem HTML, CSS và JavaScript theo cách này. HTML là cấu trúc của một ngôi nhà, CSS là trang trí nội thất và ngoại thất, và JavaScript là hệ thống điện, nước và nhiều tính năng chức năng khác giúp ngôi nhà có thể ở được

Thẻ HTML

Vì HTML xác định phần đánh dấu cho một trang web cụ thể nên bạn sẽ muốn văn bản, hình ảnh hoặc các nội dung nhúng khác xuất hiện theo những cách nhất định

Ví dụ: bạn có thể muốn một số văn bản có kích thước lớn, văn bản khác có kích thước nhỏ và một số văn bản được in đậm, in nghiêng hoặc ở dạng dấu đầu dòng

HTML có các "thẻ" cho phép bạn hoàn thành việc này. Vì vậy, có các thẻ để tạo tiêu đề, đoạn văn, từ in đậm, từ in nghiêng, v.v.

Hình ảnh bên dưới mô tả giải phẫu của thẻ HTML

Twitter You can find me on Instagram My Address © 2020 All Rights Reserved 5, mà bạn sử dụng để nhúng hình ảnh vào trang web

Các phần tử HTML thường được sử dụng thay thế cho các thẻ, nhưng có một sự khác biệt nhỏ giữa hai phần tử này. Một phần tử là sự kết hợp của thẻ mở và thẻ đóng, sau đó là nội dung giữa chúng

Tôi đã tạo một hình ảnh khác để giúp bạn hình dung cấu trúc của một phần tử HTML

Twitter You can find me on Instagram My Address © 2020 All Rights Reserved 6 có giá trị là



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
7. Điều này có thể được sử dụng để tạo kiểu cho phần tử hoặc chọn phần tử đó bằng JavaScript để tương tác

Twitter You can find me on Instagram My Address © 2020 All Rights Reserved 8. Chỉ định rằng chúng tôi đang sử dụng HTML5 trong mã này. Trước khi giới thiệu HTML5, bạn phải nêu rõ phiên bản HTML mà bạn đang mã hóa bằng thẻ



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
9. Ví dụ: HTML4. 0, 3. 2, v.v. Nhưng bây giờ chúng ta không còn cần nó nữa. Khi “html” được viết trong mã, trình duyệt sẽ tự động cho rằng bạn đang viết mã trong HTML5



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
0. phần tử gốc hoặc cấp cao nhất của mọi tài liệu HTML. Mọi yếu tố khác phải được bao bọc trong đó



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
1. một trong những phần quan trọng nhất của tài liệu HTML. Trình thu thập dữ liệu web nhìn vào bên trong các thẻ đầu để lấy thông tin quan trọng về trang. Nó chứa thông tin như tiêu đề trang, biểu định kiểu, thông tin meta cho SEO, v.v.



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
2. đây là một phần tử trống truyền tải siêu thông tin về trang. Những thông tin như vậy có thể bao gồm tác giả, loại mã hóa nó đang sử dụng [hầu như luôn luôn là UTF-8], khả năng đáp ứng, khả năng tương thích, v.v. Trình thu thập dữ liệu web luôn nhìn vào thẻ meta để lấy thông tin về trang web, điều này sẽ đóng một vai trò quan trọng trong SEO



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
0. điều này xác định tiêu đề của trang web. Nó luôn được hiển thị trong tab trình duyệt



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
1. tất cả nội dung của tài liệu HTML nằm bên trong thẻ body. Chỉ có thể có một thẻ


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
2 trên toàn bộ trang

HTML ngữ nghĩa là gì?

Semantic HTML có nghĩa là các thẻ HTML của bạn truyền đạt ý nghĩa thực sự của những gì chúng được sử dụng cho

Ngữ nghĩa là một phần không thể thiếu của HTML kể từ khi ra đời vào đầu những năm 90. Nhưng nó chưa bao giờ đạt được mức độ phù hợp đặc biệt cho đến cuối những năm 90 khi CSS bắt đầu hoạt động trên hầu hết các trình duyệt

Với HTML ngữ nghĩa, các thẻ trung lập về ngữ nghĩa như



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
3 và


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
4 không được tán thành vì các thẻ mô tả ngữ nghĩa hơn như


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
5,


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
6,


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
7,


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
8,


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
9 và


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
50 có thể làm điều tương tự như chúng.

Một lợi thế đáng chú ý của việc sử dụng thẻ ngữ nghĩa là trình thu thập dữ liệu web có thể lập chỉ mục trang web hoặc trang web một cách dễ dàng, đổi lại là cải thiện SEO

Ngoài ra, một trang web sử dụng ngữ nghĩa trở nên nhiều thông tin hơn, dễ thích nghi hơn và dễ truy cập hơn đối với những người sử dụng trình đọc màn hình để truy cập trang web

Các thẻ ngữ nghĩa quan trọng và chức năng của chúng

Hãy xem xét một số thẻ HTML ngữ nghĩa được sử dụng phổ biến nhất



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
5. Phần tử


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
5 xác định phần giới thiệu của trang web. Nó chứa các mục như logo, điều hướng, trình chuyển đổi chủ đề và thanh tìm kiếm



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
6. Phần tử


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
6 chỉ định các mục điều hướng của trang như trang chủ, liên hệ, giới thiệu, Câu hỏi thường gặp, v.v.



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
7. Phần tử


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
7 thường được coi là phần tử con trực tiếp của thẻ. Nó chứa các phần chính của tài liệu HTML ngoài


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
5 và


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
9. Lý tưởng nhất là chỉ nên có một trong số này trong toàn bộ tài liệu HTML



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
8. Phần tử


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
8 xác định một phần cụ thể của trang web. Đây có thể là phần giới thiệu, phần giới thiệu, phần liên hệ hoặc những phần khác. Bạn có thể sử dụng nhiều phần trong một tài liệu HTML



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
50. Phần tử


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
50 đại diện cho một phần nhất định của trang web truyền tải một số thông tin cụ thể. Thông tin đó có thể là sự kết hợp của văn bản, hình ảnh, video và nội dung nhúng. Hãy xem yếu tố này như một bài đăng blog độc lập trên một trang chứa các đoạn trích về các bài đăng blog khác



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
63. Như tên ngụ ý, điều này đại diện cho một thanh bên trên một trang web. Nó thường là một phần của trang web không liên quan trực tiếp đến nội dung chính



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
9. Phần tử


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
9 chứa các mục như liên kết nhanh, thông tin bản quyền hoặc bất kỳ dữ liệu nào khác liên quan đến toàn bộ trang web hoặc trang web

Lưu ý rằng vì các phần tử ngữ nghĩa truyền đạt ý nghĩa thực tế và một số nội dung cụ thể thực sự làm gì [chẳng hạn như



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
66 cho điều hướng,


  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
67 cho thanh bên, v.v.], các phần tử này không được định vị tự động ở nơi chúng được cho là. Bạn vẫn phải làm điều đó với CSS

Một tài liệu HTML ngữ nghĩa siêu đơn giản trông như thế này



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved

Đây là những gì nó trông giống như trong trình duyệt

Twitter You can find me on Instagram My Address © 2020 All Rights Reserved 63 không có trong thanh bên và nội dung bên trong thẻ



  
    
    
    
    Definition of HTML
  

  
    
      

LOGO

  • Home
  • About
  • Contact
  • FAQs
Twitter You can find me on Instagram
My Address © 2020 All Rights Reserved
6 không tự động có sẵn dưới dạng thanh điều hướng. Đây là lý do tại sao bạn vẫn phải làm cho chúng trông giống như cách chúng phải trông bằng CSS

Phần kết luận

Tôi hy vọng bài viết này đã giúp bạn tìm hiểu những kiến ​​thức cơ bản về HTML và chức năng của nó. Giờ đây, bạn có thể bắt đầu tìm hiểu các công nghệ tiên tiến hơn như CSS và JavaScript, sau đó bắt đầu hình thành sự nghiệp vững chắc trong lĩnh vực phát triển web

Cảm ơn rất nhiều vì đã đọc và có một thời gian tốt đẹp

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

QUẢNG CÁO

QUẢNG CÁO

Kolade Chris

Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng

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

Phần tử S trong html5 là gì?

Phần tử dùng để xác định văn bản không còn chính xác hoặc không còn phù hợp . Nó tương tự, nhưng khác biệt về mặt ngữ nghĩa với phần tử

S có nghĩa là gì trong CSS?

CSS là từ viết tắt của “ Cascading Style Sheets ”. CSS là ngôn ngữ máy tính để bố trí và cấu trúc các trang web [HTML hoặc XML]. Ngôn ngữ này chứa các thành phần mã hóa và bao gồm các “biểu định kiểu xếp tầng” này được gọi chung là các tệp CSS [.

Sự khác biệt giữa S và Del trong HTML là gì?

Không có sự khác biệt thực tế giữa del và s , ngoại trừ tên thẻ khác nhau.

Hình thức đầy đủ của thẻ S là gì?

Từ viết tắt. Sự định nghĩa. NAI. Nhóm tư vấn kỹ thuật hệ thống [CMS]

Chủ Đề