Ngữ nghĩa có nghĩa là gì trong HTML?
Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm Show
Khi bạn tìm hiểu về HTML và Web, bạn có thể thấy rằng bạn gặp một từ cụ thể lặp đi lặp lại thường không được xác định. Từ đó có ngữ nghĩa Bạn có thể đọc những câu như “chúng tôi đã tìm kiếm một yếu tố ngữ nghĩa” hoặc “Chúng tôi cố gắng và trở nên ngữ nghĩa nhất có thể”, nhưng chưa bao giờ có được một bức tranh rõ ràng về ý nghĩa của từ ngữ nghĩa Trong bài viết này, chúng ta sẽ khám phá thế giới của đánh dấu ngữ nghĩa, đưa ra định nghĩa phù hợp cho thuật ngữ này và áp dụng khái niệm này vào cách chúng ta viết đánh dấu HTML nội dung Đánh dấu ngữ nghĩa là gì?Theo Từ điển. com, ngữ nghĩa đề cập đến việc giải thích chính xác ý nghĩa của một từ hoặc câu Sử dụng một từ theo ngữ nghĩa là sử dụng nó theo cách phù hợp với nghĩa của từ. Khi chúng tôi sử dụng sai một từ, chúng tôi không sử dụng nó về mặt ngữ nghĩa Nhiều thẻ HTML có ý nghĩa ngữ nghĩa. Tức là bản thân phần tử truyền tải một số thông tin về loại nội dung chứa giữa thẻ mở và thẻ đóng Ví dụ: khi trình duyệt gặp tiêu đề Ý nghĩa ngữ nghĩa của thẻ Hai thực tiễn cho phép đánh dấu ngữ nghĩaCó hai cách thực hành khác nhau phải được áp dụng nếu chúng ta định viết đánh dấu ngữ nghĩa
Sử dụng đúng các phần tử HTMLKhi viết đánh dấu ngữ nghĩa, chúng tôi sử dụng các thẻ HTML để cho trình duyệt biết điều gì đó về nội dung của phần tử. Trong đánh dấu ngữ nghĩa, thẻ không còn chỉ là cách để nội dung hiển thị trên trang web ở định dạng con người có thể đọc được Bản thân các thẻ trở thành một cách để nói với máy (dù là trình duyệt, máy tính, điện thoại thông minh hay thiết bị thông minh khác) điều gì đó về ý nghĩa của nội dung Để viết đánh dấu ngữ nghĩa, chúng ta phải sử dụng các thẻ HTML một cách chính xác để đánh dấu của chúng ta vừa có thể đọc được bằng con người vừa có thể đọc được bằng máy Tách nội dung và trình bàyTrước đây, người ta thường sử dụng đánh dấu để xác định kiểu và kiểm soát bố cục trang web Các cấp độ tiêu đề được chọn không dựa trên hệ thống phân cấp mà dựa trên các kiểu được trình duyệt web áp dụng, các bảng được sử dụng để bố trí trang web thay vì tổ chức dữ liệu dạng bảng, một số thẻ HTML (chẳng hạn như Khi chúng tôi viết đánh dấu ngữ nghĩa, chúng tôi không còn có thể chọn các phần tử HTML dựa trên bản trình bày trực quan. Thay vào đó, chúng tôi chọn các phần tử HTML dựa trên ý nghĩa ngữ nghĩa của chúng, sau đó sử dụng CSS để xác định cách trình bày trực quan cho nội dung của chúng tôi Khi viết đánh dấu ngữ nghĩa, phần trình bày của các thành phần trang web được giữ hoàn toàn tách biệt và khác biệt với phần đánh dấu của chính nội dung Xác định đánh dấu ngữ nghĩaVới hai cách thực hành đó, chúng ta có thể định nghĩa đánh dấu ngữ nghĩa theo cách này Đánh dấu ngữ nghĩa là việc sử dụng ngôn ngữ đánh dấu như HTML để truyền đạt thông tin về ý nghĩa của từng phần tử trong tài liệu thông qua việc lựa chọn đúng các phần tử đánh dấu và để duy trì sự tách biệt hoàn toàn giữa phần đánh dấu và phần trình bày trực quan của các phần tử có trong tài liệu Tại sao đánh dấu ngữ nghĩa lại quan trọng?CSS tốt có thể làm cho đánh dấu xấu trở nên vô hình đối với khách truy cập trang web trung bình. Tuy nhiên, không có kiểu dáng nào sẽ làm cho đánh dấu xấu trở nên có ý nghĩa hơn đối với khách truy cập máy tính, chẳng hạn như trình thu thập dữ liệu web của công cụ tìm kiếm, công cụ dịch trình duyệt hoặc công nghệ hỗ trợ như trình đọc màn hình Theo Bruce Lawson, việc sử dụng ngữ nghĩa của các phần tử HTML “tăng cường khả năng truy cập, khả năng tìm kiếm, quốc tế hóa và khả năng tương tác. ” Nói cách khác, viết đánh dấu ngữ nghĩa là bắt buộc nếu bạn muốn trang web của mình có thể truy cập được đối với tất cả khách truy cập, đạt được thứ hạng cao trên công cụ tìm kiếm, sẵn sàng cho khách truy cập từ khắp nơi trên thế giới và giao tiếp hiệu quả với các dịch vụ web khác Viết đánh dấu ngữ nghĩa là tạo ra nội dung web mà cả con người và máy tính đều có thể đọc được. Khi cả người và máy tính đều có thể đọc trang web tốt như nhau, trang web sẽ trở nên dễ truy cập hơn vì máy tính có khả năng phân tích nội dung, lập chỉ mục, phân phối trang web tốt hơn và các nhà phát triển có thể liên kết các nguồn thông tin khác nhau với nhau tốt hơn vào các dịch vụ web mới Làm thế nào để chúng ta viết đánh dấu ngữ nghĩa?Chúng tôi viết đánh dấu ngữ nghĩa bằng cách chọn và sử dụng các thẻ HTML đúng cách và bằng cách chọn các thẻ truyền đạt điều gì đó về thông tin được đánh dấu bởi các thẻ Có những phần tử trong HTML có ngữ nghĩa và những phần tử không có ngữ nghĩa. Ví dụ về các yếu tố phi ngữ nghĩa là Mặc dù hữu ích và tốt để sử dụng trong một số trường hợp, nếu thẻ ngữ nghĩa có sẵn và phù hợp với mục đích sử dụng cụ thể, hãy sử dụng nó trước khi dùng đến thẻ phi ngữ nghĩa Nhiều thẻ ngữ nghĩa đến từ việc phân tích đánh dấu trang web được hoàn thành bởi các công ty như Google và Opera. Những gì các công ty này đã tìm thấy là nhiều trang web sử dụng các thuộc tính Ví dụ: họ đã tìm thấy rất nhiều div giống như thế này. Trước đây, phần tử Xem lại Hướng dẫn tài liệu của chúng tôi để tìm hiểu thêm về cách sử dụng các thẻ ngữ nghĩa này để bổ sung cấu trúc cho trang web Trong những ngày đầu của web, người ta thường thấy đánh dấu như thế này Some paragraph content including one italicized word. Ngày nay, chúng ta (hy vọng) sẽ không mơ ước làm điều gì đó như thế vì yếu tố Hướng dẫn về Phông chữ và Kiểu chữ Web của chúng tôi cung cấp nhiều chi tiết hơn xung quanh việc sử dụng đúng các thẻ này để gán ý nghĩa ngữ nghĩa cho nội dung văn bản HTML5 cũng bao gồm ba thẻ xác định loại phương tiện được cung cấp giữa các thẻ. Các thẻ này phục vụ một mục đích kép. Đầu tiên, chúng báo hiệu cho trình duyệt về nhu cầu xếp hàng một tài nguyên kỹ thuật cụ thể, chẳng hạn như công cụ phát lại video. Thứ hai, họ gán ý nghĩa ngữ nghĩa cho nội dung Bạn có thể tìm hiểu thêm về cách nhúng các phần tử Một số phần tử HTML được sử dụng để báo hiệu mối tương quan giữa nhiều phần tử. Ví dụ: việc sử dụng danh sách có thứ tự ( Nếu bạn chưa quen với HTML, hãy dành thời gian để tìm hiểu cách sử dụng tất cả các thẻ HTML khác nhau này theo ngữ nghĩa. Nếu bạn không chắc chắn rằng mình đang sử dụng đúng thẻ, hãy dành vài phút và thực hiện một số nghiên cứu. Như chúng ta đã thấy, việc sử dụng đúng thẻ rất quan trọng. Nếu bạn đã làm việc với HTML được một thời gian, hãy dành thời gian tìm hiểu về các phần tử HTML5 mới và cách sử dụng chúng đúng cách. HTML đã phát triển ngày càng phức tạp trong vài năm qua và việc tiếp tục sử dụng các phần tử Jon Penland Jon là một nhà văn tự do, người đam mê du lịch, người chồng và người cha. Anh ấy viết về các công nghệ web như WordPress, HTML và CSS |