Làm cách nào để sử dụng thẻ địa chỉ HTML?

Lam Cach Nao De Su Dung The Dia Chi Html



Các ' <địa chỉ> ” các thẻ cung cấp ý nghĩa ngữ nghĩa cho các chi tiết liên hệ của tác giả, chủ sở hữu hoặc thực thể được liên kết với tài liệu. Văn bản bên trong “ <địa chỉ> ” được hiển thị trên trang web ở dạng in nghiêng. Các nhà phát triển chủ yếu sử dụng nó để hiển thị thông tin như địa chỉ thực hoặc địa chỉ bưu chính, địa chỉ email, số điện thoại, URL trang web, v.v. Bài viết này giải thích về thẻ địa chỉ HTML.

Làm cách nào để sử dụng thẻ địa chỉ HTML?

Các ' ” có thể được sử dụng với các thẻ khác như “ ”, “ ”, “ ” v.v. Nó cải thiện khả năng truy cập và tối ưu hóa công cụ tìm kiếm do bản chất ngữ nghĩa của nó trong khi vẫn đảm bảo khả năng duy trì và nhất quán. Thẻ địa chỉ có thể được sử dụng trong các trang liên hệ, phần chân trang và trong phần minh họa thông tin tác giả của blog hoặc bài báo, v.v.







Tham khảo ví dụ thực tế dưới đây để hiểu rõ hơn:



< thân hình >
< div lớp học = 'kiểu dáng địa chỉ' >
< Địa chỉ >
Được viết bởi < Một href = 'https://linuxhint.com/' > Vô danh Một > . < anh >
Ghé thăm chúng tôi tại: Metaverse < anh >
linuxhint.com < anh >
Không đâu cả, thiên hà < anh >
đa vũ trụ
Địa chỉ >
div >
thân hình >


Trong khối mã trên:



    • Ban đầu, phụ huynh “
      ” thẻ được tạo bên trong “ ' nhãn.
    • Tiếp theo, lớp có tên là “ địa chỉStyling ” được gán với “ div ' yếu tố.
    • Sau đó, sử dụng “ <địa chỉ> ” và bên trong nó cung cấp dữ liệu cá nhân giả.

Sau khi thực thi và render lại, trang web sẽ hiển thị như sau:






Đầu ra cho thấy rằng nội dung bên trong thẻ “

” đã được hiển thị với kiểu dáng được xác định trước.

Để tạo kiểu cho nội dung của thẻ “

”, các thuộc tính CSS được sử dụng như sau:



< phong cách >
.addressStyling {
lề: 20px;
màu sắc: màu đỏ ;
cỡ chữ: x-lớn;
họ phông chữ: montserrat;
}
phong cách >


Trong khối mã trên:

    • Đầu tiên, cha mẹ “ div ' lớp phần tử ' địa chỉStyling ' đã được chọn.
    • Tiếp theo, các giá trị của “ 20px ' Và ' màu đỏ ” được cung cấp cho CSS “ lề ' Và ' màu sắc ” thuộc tính, tương ứng.
    • Cuối cùng, tùy chỉnh phông chữ bằng cách gán “ x-lớn ' Và ' Montserrat ” giá trị cho CSS “ cỡ chữ ' Và ' họ phông chữ ” thuộc tính, tương ứng.

Sau khi thêm các thuộc tính CSS, kết quả cuối cùng trông như thế này:


Đầu ra cho thấy kiểu dáng tùy chỉnh đã được áp dụng.

Thay thế: Sử dụng thẻ

Các ' ” thẻ được sử dụng để chuyển hướng sự tập trung của người dùng vào phần cụ thể của dữ liệu hoặc thông tin. Nó thay đổi kiểu văn bản thành “ chữ nghiêng ” làm cho văn bản trở nên độc đáo và thu hút sự chú ý của người dùng. Nó có thể hữu ích để chỉ ra các trích dẫn, tên sách hoặc các trường hợp khác khi cần có một biểu diễn trực quan riêng biệt. Thực hiện theo mã dưới đây:

< P >
< Tôi phong cách = 'cỡ chữ: x-lớn;' > Linux Tôi > TRONG định dạng in nghiêng bằng cách sử dụng 'Tôi' nhãn
P >


Sau khi biên dịch khối mã trên:


Đầu ra cho thấy kiểu dáng tương tự đã được áp dụng bằng cách sử dụng “ ' nhãn.

Phần kết luận

Các ' <địa chỉ> ” được sử dụng cụ thể để hiển thị dữ liệu cá nhân của tác giả hoặc một số thực thể trên trang web. Nó là một thẻ ngữ nghĩa cũng giúp ích rất nhiều trong quá trình SEO. Dữ liệu bên trong “ <địa chỉ> ” được hiển thị trên trang web ở dạng in nghiêng. Ngoài ra, các thuộc tính CSS cũng có thể được sử dụng để áp dụng kiểu dáng tùy chỉnh. Bài viết này đã trình bày giải thích về thẻ

trong HTML.