Thực đơn
trang chủWindows 7

Các tùy chọn để tạo kiểu liên kết trong CSS. Đưa CSS vào HTML (trang 3). Có thể xây dựng một số quy tắc đơn giản

Giữa thẻ mở và thẻ đóng có thể có các phần tử inline và inline-block, chẳng hạn như: span, code, strong, img .. ,
và cả ngắt dòng

Cảnh báo!

Thuộc tính liên kết

Thẻ a có thể chứa nhiều thuộc tính. Cùng với các thẻ lớp, kiểu và id phổ biến cho hầu hết các thẻ, chúng được sử dụng với một số thuộc tính cụ thể.

href

URL (Bộ định vị tài nguyên thống nhất)- chỉ số tài nguyên phổ quát.

Giá trị href có thể là bất kỳ url tuyệt đối hoặc tương đối hợp lệ nào, bao gồm cả đoạn ID hoặc đoạn mã JavaScript.

mục tiêu

Không yêu cầu. Thông thường thuộc tính này có 2 giá trị:

target="_self" là giá trị mặc định cho thẻ a. Tài liệu siêu liên kết phải được hiển thị trong cùng một cửa sổ.

target="_blank" - Tài liệu được trỏ tới bởi siêu liên kết sẽ được mở trong một cửa sổ mới chưa được đặt tên.

tiêu đề

Thuộc tính tùy chọn. Cho phép bạn xác định văn bản mà bạn muốn hiển thị dưới dạng chú giải công cụ khi bạn di chuột qua siêu liên kết.

Giá trị thuộc tính là một chuỗi tùy ý được đặt trong dấu ngoặc kép. Có thể được sử dụng để hiển thị tiêu đề của tài liệu hoặc khi được sử dụng cùng với thuộc tính target="_blank", cảnh báo một cách lịch sự rằng tài liệu sẽ mở trong một cửa sổ mới

"Mở ra trong một cửa sổ mới"> <span"tiêu đề hình ảnh"/ > </a>

Nếu cần, bạn có thể xem các thuộc tính còn lại trong thư mục. Chúng không được sử dụng thường xuyên nên không được thảo luận ở đây.

đường dẫn/document.html

Thông thường, một URL tương đối sẽ bỏ qua tên máy chủ và cung cấp địa chỉ tài liệu rút gọn được tự động kết hợp với địa chỉ cơ sở.

× URL cơ sở
Phải được xác định trong tài liệu bằng thẻ .

Hãy tìm hiểu xem nó sẽ được hình thành như thế nào URL tương đối, tùy thuộc vào vị trí của tập tin. Nó dễ hiểu hơn với một ví dụ.

Tài liệu chính- tài liệu giới thiệu trong đó có liên kết

Thư mục hiện tại- tài liệu chính nằm ở đâu?

Thư mục con- bên trong cái hiện tại

Thư mục lân cận- cùng với cái hiện tại, nằm trong cha mẹ chung

Thư mục mẹ- bên ngoài cái hiện tại

Mục tiêu-1</a> "lồng nhau/target-2.html"> Mục tiêu-2</a> "../neighbor/target-3.html"> Mục tiêu-3</a> Mục tiêu-4</a>

Có nhiều tùy chọn phức tạp Với một số lượng lớn mức độ lồng nhau.

Một vài quy tắc đơn giản có thể được xây dựng:

Nếu mục tiêu nằm trong thư mục khác của thư mục hiện tại (thư mục con),
đường dẫn = tên thư mục/đích

Tên của thư mục bên ngoài (so với hiện tại) không được chỉ định và ở đầu đường dẫn có 2 dấu chấm và dấu gạch chéo - ../ và sau đó là đường dẫn

Liên kết tuyệt đối

Nếu tài liệu được yêu cầu nằm trên một máy chủ khác thì bạn phải chỉ định một URL tuyệt đối

http://server/path/document.html

loại URL http

URL phổ biến nhất, thường được sử dụng làm mục tiêu của siêu liên kết. Nó có thể trông như thế này:

http://www.site-name.com

TRONG nhìn chung loại này Nó có định dạng tiếp theo: http://server:port/path

Con đường là một trình tự phân cấp cho biết vị trí của tài liệu trên máy chủ.
Một hoặc nhiều tên được phân tách bằng dấu gạch chéo. Tất cả các tên ngoại trừ tên cuối cùng đều là tên thư mục. Last name là tên tài liệu (theo mặc định, máy chủ web chấp nhận tên file index.html)

Máy chủ - hệ thống máy tính, lưu trữ và cung cấp tài nguyên web theo yêu cầu bên ngoài và có địa chỉ IP duy nhất. Tên bao gồm nhiều phần, trong đó có tên riêng của máy chủ và một chuỗi các tên miền được phân tách bằng dấu chấm.

Hải cảng- (thường có thể bỏ qua, hiếm khi được chỉ định) - số cổng giao tiếp máy chủ mà trình duyệt máy khách kết nối qua đó.

tập tin loại URL

URL tệp trỏ đến tệp được lưu trữ trên máy tính mà không hạn chế giao thức được sử dụng để tải xuống tệp đó. Điều này cho phép bạn tải và hiển thị một tài liệu cục bộ.

Tệp: // máy chủ/đường dẫn

Máy chủ tập tin, giống như máy chủ http, phải tên miền hoặc địa chỉ IP của máy tính chứa file đã tải xuống. Sự khác biệt là giao thức kết nối không được chỉ định. Máy chủ tập tin có thể không có kỹ năng, nhưng tên duy nhất máy tính ở mạng cá nhân hoặc thiết bị lưu trữ.
Đường dẫn đến tệp được yêu cầu trên máy chủ được chỉ định có thể khác nhau tùy thuộc vào hệ điều hành trên máy chủ

"tệp://D:\path\filename.html"> liên kết cho hệ thống Windows</a> "tệp://D:/path/filename.html"> liên kết cho hệ thống Unix</a> "tệp: //localhost/home/document.html"> Tài liệu</a> "tệp: //tên máy chủ.com/document.html"> Tài liệu</a>

URL cho thư tới

 thư cho tôi</a> "mailto:fоg@fоgnsnow.ru?subject=Kiểm tra thư tới"> gửi email cho tôi + chủ đề</a>

loại URL ftp

Bộ định vị tài nguyên ftp được sử dụng để lấy tài liệu từ máy chủ FTP. Nói chung nó trông như thế này:

ftp://user:password@server:port/path;type=type_code

FTP(Thất bại Giao thức chuyển giao) là một dịch vụ yêu cầu xác thực. Điều này có nghĩa là để nhận tài liệu từ máy chủ, bạn phải là người dùng đã đăng ký và biết mật khẩu.
Nhiều máy chủ FTP cung cấp truy cập hạn chế mọi người đều có thể truy cập nội dung của mình dưới thông tin đăng nhập - ẩn danh hoặc nhiệm vụ và đôi khi không cần bất kỳ thông tin đăng nhập nào (ngụ ý theo mặc định)

Không bao giờ!
Không đặt URL ftp với tên người dùng và mật khẩu trong bất kỳ tài liệu nào!
Chính trình duyệt sẽ nhắc bạn nhập chúng sau khi kết nối với máy chủ

Máy chủ và cổng được chỉ định theo các quy tắc tương tự như trong URL http(nếu cổng không được chỉ định thì cổng 21 được gán theo mặc định)

Đường dẫn là một chuỗi các thư mục được phân tách bằng ký tự gạch chéo dẫn đến tệp được yêu cầu.
Transfer_type_code - theo mặc định, các tệp được chuyển dưới dạng nhị phân. Nếu bạn chỉ định loại=
d - tên thư mục
a - tập tin chứa văn bản ASCII
xem phần còn lại trong hướng dẫn...

"ftp://www.site-name.ru/my_files/file_1"> "ftp://[email protected]/ctl_name;type=d"> "ftp://user:mу[email protected]/file_2;type=a">

Liên kết trong một trang

  1. Tạo một đoạn sẽ dùng làm mục tiêu cho siêu liên kết
  2. Tạo một liên kết đến đoạn này

Để tạo một đoạn, chúng tôi sử dụng thuộc tính id để đặt mục tiêu liên kết trực tiếp vào thẻ xác định, chẳng hạn như tiêu đề.

Cấu trúc thẻ ...

Bạn có thể nhận thấy rằng thẻ - đã ghép nối: cần có thẻ đóng.

href—thuộc tính thẻ, cho biết mục đích của liên kết.

https://google.com/ - giá trị thuộc tính, chứa URL của tài nguyên mà quá trình chuyển đổi sẽ diễn ra. Nó được đặt trong dấu ngoặc kép hoặc dấu ngoặc đơn. Điều này phụ thuộc vào cấu trúc lồng của các thẻ theo quy tắc HTML.

Trang chủ Google

toàn bộ cấu trúc này được gọi là yếu tố tài liệu web.

Theo quy tắc HTML, một số phần tử có thể chứa các phần tử khác. Nhãn không phải là một ngoại lệ. Nếu lập trình viên cần đánh dấu từ Google in đậm, thì việc này được thực hiện bằng cách sử dụng thẻ theo các quy tắc chung về định dạng văn bản, quan sát trình tự lồng các thẻ. Quản trị trang web phải biết cách tạo siêu liên kết trong HTML mà không gặp lỗi, nếu không chúng sẽ không hoạt động. Liên kết bị hỏng được gọi là “bị hỏng” trong tiếng lóng máy tính.

trang chủ Google

Ở đây: phần tử

trang chủ Google

chứa một phần tử lồng nhau

Google

Siêu liên kết tuyệt đối

giao thức://tên miền/đường dẫn tới tập tin

Ví dụ về địa chỉ cho một công cụ tìm kiếm phổ biến ở Mỹ: https://aol.com - tuyệt đối, vì nó chứa tên miền.com.

Các siêu liên kết tuyệt đối được sử dụng để điều hướng đến các trang trên các trang khác hoặc để truy cập các tài nguyên nằm trên một máy chủ khác. Quá trình chuyển đổi được thực hiện bằng các giao thức Internet. Các giao thức không phải là chủ đề của bài viết này, nhưng vì chúng liên quan đến việc tạo siêu liên kết nên ít nhất cần phải đề cập ngắn gọn về chúng:

  • http Và https - chung nhất; chúng được sử dụng để điều hướng giữa các trang Internet của các trang web khác nhau;
  • ftp - giao thức tải tệp lên máy chủ hoặc do người dùng tải xuống từ trang web;
  • mailto - một giao thức thư gửi email trực tiếp từ trang web mà không cần nhập thư cá nhân.

Có một số giao thức có mục đích đặc biệt khác (gopher, telnet), khá hiếm, việc sử dụng chúng đòi hỏi kiến ​​thức đặc biệt về lập trình hoặc quản trị hệ thống.

Siêu liên kết tương đối

Với địa chỉ tương đối, việc sử dụng các siêu liên kết trong HTML nhằm mục đích điều hướng trong tài nguyên và không vượt ra ngoài ranh giới của nó. Nếu trang lớn đến mức thanh cuộn dọc hoạt động, đôi khi rất dài, chẳng hạn như trong từ điển, thì sẽ rất thuận tiện và nên sử dụng các liên kết tương đối để nhanh chóng chuyển đến chữ cái mong muốn.

Khi tạo từ điển trực tuyến, người lập trình đặt bảng chữ cái ở đầu trang, nếu không sử dụng liên kết thì người dùng sẽ phải quay con lăn chuột rất lâu mới đến được chữ “Tôi”. ”.

Tới chữ I

Ở đâu ừ gọi điện mỏ neo, MỘT Tới chữ I- mỏ neo đích. Để hiển thị neo chính xác, nên sử dụng các chữ cái và số Latin, không nên viết “I”, mặc dù nó sẽ rõ ràng hơn.

Bây giờ, để chuyển từ bảng chữ cái ở đầu trang sang chữ “I”, bạn cần neo neo vào vị trí trong tài liệu HTML nơi các từ bắt đầu bằng chữ “I” bắt đầu:

Chữ i

có một dấu thăng ở phía trước mỏ neo, nếu không có dấu này thì quá trình chuyển đổi sang chữ cái sẽ không hoạt động.

Địa chỉ tương đối khi tạo một trang web

Một thuật toán thuận tiện và được chấp nhận rộng rãi nhất để tạo trang web bởi một lập trình viên:

  • tạo một thư mục trên máy tính của bạn và đặt nó ở vị trí truy cập nhanh để thuận tiện;
  • tạo thư mục chính trong thư mục này;
  • tạo các trang web phụ (index.html/page2);
  • và vị trí của các tập tin đồ họa trong đó;
  • tạo một thư mục và đặt các đối tượng khác vào đó (ví dụ: các tệp để tải xuống);
  • lấp đầy trang web bằng nội dung;
  • lưu trữ các tập tin trang web.

Bạn chắc chắn sẽ phải sử dụng các liên kết để kết nối giữa các thành phần của trang và sẽ rất hữu ích khi biết cách chèn siêu liên kết trong HTML đến một trang khác của cùng một trang. Nếu các tệp trang web nằm trong cùng một thư mục, trên cùng một máy chủ thì không cần sử dụng địa chỉ tuyệt đối. Khi chuyển tập tin trang web sang hosting, kết nối giữa các đối tượng sẽ được giữ nguyên vì chúng cũng sẽ được đặt trong cùng thư mục trên hosting.

Giả sử một lập trình viên đã tạo trang chính của trang web index.html, trang này có liên kết đến một trang khác page2.html, được trang trí bằng hình ảnh img.png. Sau đó, đường dẫn tương đối đến hình ảnh này sẽ trông như thế này:

hình ảnh

Mẹo: Khi nghiên cứu chủ đề này, tốt nhất bạn nên sử dụng một trình soạn thảo văn bản đơn giản vì bạn cần đạt được kỹ năng viết chính xác các địa chỉ bước nhảy và học cách hiểu mã của người khác. Ở giai đoạn này, một kết quả tốt không có lỗi sẽ là một siêu liên kết được viết trong một sổ ghi chú,HTML không tha thứ cho họ và tạo ra lỗi.

Các phương pháp theo dõi siêu liên kết

Theo mặc định, một trang mới sẽ mở ra trong cửa sổ trình duyệt hiện tại khi người dùng nhấp vào siêu liên kết. Nhưng một lập trình viên web có thể thay đổi giá trị mặc định và buộc trang phải mở, chẳng hạn như trong một cửa sổ mới. Có một thuộc tính cho việc này mục tiêu với một ý nghĩa nhất định. Điều này có thể được thể hiện rõ ràng nhất trong một bảng.

Cú pháp thuộc tính mục tiêu:

Trang chủ Google

Trang chủ Google sẽ mở trong một cửa sổ mới.

Lưu ý: để mở trang trong tab mới, không có giá trị nào cho thuộc tính này mà được người dùng tự thiết lập trong cài đặt trình duyệt.

Màu siêu liên kết

Một người dùng Internet có kinh nghiệm chắc hẳn sẽ nhận thấy theo thời gian rằng các siêu liên kết có màu khác với văn bản xung quanh và chúng thường có màu xanh lam. Các liên kết mà anh ấy theo dõi và sau đó quay lại trang trước chuyển sang màu tím. Việc sử dụng các siêu liên kết trong HTML theo bảng màu không chuẩn là nhỏ nhưng làm cho trang web nổi bật so với phần còn lại.

Đặt màu của các liên kết trong thẻ sử dụng các thuộc tính và giá trị của chúng, trong đó màu HTML trong hệ thống rgb (#00FF00) xuất hiện hoặc có chỉ dẫn trực tiếp về tên màu (“xanh”). Có ba loại thuộc tính cho liên kết:

  • liên kết - đặt màu của liên kết chưa được truy cập;
  • vlink - đặt màu của liên kết mà người dùng đã theo dõi;
  • alink - đặt màu của liên kết tại thời điểm chuyển sang trang khác. Điều này diễn ra nhanh chóng nên không phải lúc nào cũng nắm bắt được hiệu ứng này.

Ví dụ đánh dấu:

Nếu bạn áp dụng các thuộc tính này trong một thẻ , các liên kết tới tài liệu web này sẽ có màu xanh đậm, các liên kết đã truy cập sẽ có màu tím và các liên kết hoạt động sẽ có màu đỏ cam.

Siêu liên kết đồ họa

Sự tiến bộ và phát triển của thiết kế web đòi hỏi bạn phải biết cách chèn siêu liên kết trong HTML dưới dạng hình ảnh. Rõ ràng là hình ảnh phải tương ứng với nội dung của trang đích. Ví dụ: trang chính của một trang web về cây thuốc có thể được trình bày dưới dạng ảnh chụp cây thuốc, bằng cách nhấp vào đó người dùng sẽ được chuyển hướng đến trang mô tả các đặc tính chữa bệnh của cây thuốc.

Một phương pháp được sử dụng rộng rãi để thay thế các nút tĩnh ( ) cho đến đồ họa đẹp mắt được tạo bởi một nhà thiết kế web trong các trình soạn thảo đồ họa (GIMP, Photoshop).

Để chèn đồ họa dưới dạng siêu liên kết đến các trang của trang web, cú pháp tương tự được sử dụng, nhưng thay vì văn bản, thẻ chèn hình ảnh được sử dụng theo quy tắc HTML:

Điều tương tự cũng áp dụng cho các thuộc tính để đặt văn bản thay thế, chiều rộng, chiều cao và các thuộc tính khác.

Cuộc gọi từ trang web

Tiêu chuẩn html5 đã mở rộng chức năng sử dụng Internet và giờ đây bạn có thể thực hiện cuộc gọi không chỉ từ điện thoại mà còn trực tiếp từ trang web. Bạn cũng có thể sử dụng các siêu liên kết trong tài liệu HTML cho mục đích này và chúng có cú pháp sau:

...người đăng kí...

Thay vì từ "người đăng ký", một số liên lạc mà người gọi có thể hiểu được sẽ được viết, như trong danh bạ điện thoại. Bạn cũng có thể đặt một tệp đồ họa (ảnh của người đăng ký).

Để thực hiện cuộc gọi từ trang web, không chỉ cần có liên kết đến số điện thoại của thuê bao mà còn phải có tai nghe (micrô, tai nghe), chương trình VoIP được cài đặt trên máy tính và tốc độ Internet phải vượt quá 0,5 Mb/giây. Việc thanh toán cho các cuộc gọi được thực hiện theo mức tiêu thụ lưu lượng. Do đó, nếu Internet không giới hạn thì cuộc gọi sẽ miễn phí.

Đạo đức của việc tạo siêu liên kết

Khi đưa một trang web lên Internet, người quản trị trang web phải biết những loại siêu liên kết nào tồn tại trong HTML và không chỉ áp dụng chúng một cách chính xác, chuyên nghiệp mà còn phải tuân thủ các quy định sau:

  • Siêu liên kết phải được hiển thị rõ ràng và khác biệt với văn bản xung quanh. Người dùng phải biết rằng đây là một siêu liên kết.
  • Người dùng phải biết rõ họ sẽ đi đâu khi nhấp vào liên kết. Đối với điều này, nên sử dụng thuộc tính khác tiêu đề, mô tả ngắn gọn trang chuyển tiếp. Cú pháp sử dụng thuộc tính là:

Yandex

  • Người dùng phải nhận được thông tin xác thực về tệp sẽ được tải xuống khi nhấp vào liên kết.

Nếu người dùng truy cập vào một trang không phải là trang họ mong đợi hoặc tải xuống sai tệp, trong 99% trường hợp người dùng sẽ rời khỏi trang web ngay lập tức và sẽ không bao giờ truy cập trang đó trong tương lai.

Chống Seo khi tạo hyperlink

Ngoài khía cạnh kỹ thuật của câu hỏi làm thế nào để chèn siêu liên kết vào HTML, khía cạnh đạo đức cũng cần được đề cập. Có rất nhiều trang web mà người dùng bị chặn truy cập bởi các chương trình bảo mật (antivirus) hoặc thậm chí bởi chính phủ. Đây là những trang web được tạo ra bởi những lập trình viên web không trung thực.

Một trong những thủ thuật mà họ sử dụng là chèn các siêu liên kết "vô hình" vào một trang web. Những kẻ lừa đảo biết cách tạo siêu liên kết trong HTML và sử dụng các thuộc tính để loại bỏ phần gạch chân của liên kết và gán màu cho văn bản xung quanh để người dùng bình thường không nhìn thấy. Và với sự trợ giúp của các công cụ công nghệ web khác (CSS, JavaScript, PHP), bạn có thể lập trình hành vi của chúng. Ví dụ: sự kiện JavaScript OnMouseOver sẽ kích hoạt một hành động trên một thành phần trang web. Khi người dùng di chuột qua một liên kết vô hình, họ sẽ được đưa đến một trang quảng cáo trên một trang web khác. Hoặc thậm chí tệ hơn, khi có một liên kết vô hình dẫn đến tệp và phần mềm không cần thiết bắt đầu được tải xuống và cài đặt trên máy tính của anh ta. Thông thường, đây là những loại vi-rút làm thay đổi trang chủ của trình duyệt, làm xáo trộn ổ cứng với rất nhiều chương trình, v.v.

Chẳng bao lâu nữa, những trang web như vậy sẽ nằm trong “danh sách đen” về cơ sở dữ liệu vi-rút, hệ thống bảo mật và của chính những người dùng Internet. Những trang web như vậy không tồn tại được lâu và chúng phải đổi tên, di chuyển không ngừng trên Internet, thay đổi nhà cung cấp máy chủ. Điều này không góp phần quảng bá trang web, điều mà người tạo ra nó luôn phấn đấu và sẽ không bao giờ biến nó thành một cổng thông tin lớn, chẳng hạn như mạng xã hội. Trong số những điều khác, những thủ đoạn như vậy gây ra nhiều cảm xúc tiêu cực ở những người bị ảnh hưởng bởi những hành động này.

Bảng kiểu dáng bên ngoài

Bây giờ hãy tưởng tượng rằng bạn đang tạo một trang web có hàng tá trang và mỗi trang phải có một biểu định kiểu chỉ định thiết kế của nó. Như chúng tôi đã nói trước đó, tất cả các trang của một trang web thường trông giống nhau, điều đó có nghĩa là các biểu định kiểu tương tự được sử dụng để thiết kế chúng. Thông thường, một trang web chỉ có một biểu định kiểu mô tả tất cả các thành phần của nó. Để tránh trùng lặp toàn bộ bảng này giữa các thẻ trên mỗi trang Web, nó có thể được đặt trong một tệp riêng biệt có phần mở rộng .css và kết nối với tài liệu HTML nếu cần. Những tờ định kiểu này được gọi là những tờ định kiểu bên ngoài.

Ưu điểm của các bảng bên ngoài là sau khi được tải, trình duyệt sẽ lưu thông tin vào bộ đệm và khi được tải xuống lại, nó sẽ không lấy từ máy chủ Web mà từ đĩa cục bộ. Do đó, khi tải các trang của trang Web bằng một biểu định kiểu, chúng tôi tiết kiệm được thời gian tải biểu định kiểu bên ngoài, tức là. tập tin chứa nó .css. Ưu điểm thứ hai một lần nữa là dễ dàng chỉnh sửa các trang như vậy. Chỉ cần sửa kiểu thiết kế của phần tử ở một nơi là đủ - trong tệp chứa biểu định kiểu và trên tất cả các trang HTML sử dụng các kiểu này, giao diện của các phần tử sẽ thay đổi.

Như bạn đã biết, phần tử LINK trống được sử dụng cho những mục đích này, phần tử này nằm trong phần đầu. Hãy xem một ví dụ khi chúng ta cần kết nối một style sheet nằm trong một file với một tài liệu HTML phong cách.css.


Theo đặc tả HTML, tác giả trang web có thể kết nối nhiều bảng bên ngoài với một tài liệu. Chúng có thể bổ sung cho nhau, khi đó nguyên tắc xếp tầng được sử dụng để xác định các thuộc tính của đối tượng. Nó có hiệu lực nếu một số bảng có mô tả cho cùng một phần tử.

Các bảng có thể được biên dịch theo cách loại trừ lẫn nhau, trong trường hợp đó chúng được gọi là thay thế, tức là người dùng có thể chọn bảng nào sẽ sử dụng. Ví dụ: để hiển thị trên các thiết bị có chiều rộng hạn chế, bạn có thể sử dụng phông chữ nhỏ hơn. Và đối với những người khiếm thị, ngược lại, bạn có thể tăng kích thước phông chữ và sắp xếp nó dưới dạng một biểu định kiểu riêng. Tác giả có cơ hội chỉ ra bảng nào thích hợp hơn. Mô tả và mục đích của từng biểu định kiểu được chỉ định trong thuộc tính tiêu đề. Điều này sẽ thuận tiện: bạn truy cập trang web, xem những bảng định kiểu nào đã được viết cho nó, chọn cái phù hợp nhất cho mình và sử dụng nó. Nhưng để làm được điều này, trình duyệt phải cung cấp khả năng chọn biểu định kiểu ưa thích của bạn.

Chỉ các trình duyệt mới cung cấp lựa chọn này. Netscape phiên bản 6.x(Và Mozilla tương ứng), Opera 5 và lớn hơn. Chúng cung cấp khả năng tăng kích thước phông chữ, ngay cả khi nó được đặt bằng pixel. Vì vậy, trên thực tế, các style sheet thay thế là không cần thiết. trình duyệt web IE, mặc dù là trình duyệt phổ biến nhất nhưng không mang lại cơ hội như vậy. Nó chỉ cho phép bạn tăng kích thước phông chữ nếu phông chữ được chỉ định bằng từ khóa hoặc sử dụng kích thước ngôn ngữ HTML tiêu chuẩn, tức là. các số từ 1 đến 7. Đây có lẽ là lý do tại sao các nhà phát triển không viết nhiều bảng thay thế.

Bây giờ hãy quay lại phần tử LINK. MỘT

cống vật href phải hiện diện và chứa URL của biểu định kiểu được kết nối dưới dạng giá trị.

Thuộc tính liên quan cho biết tệp được bao gồm liên quan như thế nào đến tài liệu HTML đã cho. Để thêm biểu định kiểu chính, hãy sử dụng giá trị biểu định kiểu, với mô tả trong thuộc tính tiêu đề không cần phải hỏi. Để cho phép người dùng chọn bảng ưa thích của người dùng trong số nhiều bảng thay thế, hãy chỉ định thuộc tính rel="bảng định kiểu" và đặt mô tả của nó trong thuộc tính tiêu đề. Để chỉ định một biểu định kiểu thay thế, hãy đặt thuộc tính rel="biểu định kiểu thay thế" và mô tả trong thuộc tính tiêu đề.

Dưới đây là một số ví dụ:

Dòng này bao gồm một style sheet thay thế với cỡ chữ nhỏ hơn, bảng được lưu trong file phông chữ nhỏ.css.

Sử dụng dòng này, một bảng định kiểu thay thế có cỡ chữ lớn nhất được kết nối, bảng được lưu trữ trong một tệp phông chữ lớn.css.

Dòng cuối cùng chỉ định biểu định kiểu chính, được sử dụng theo mặc định.

Thuộc tính kiểu cho trình duyệt biết bảng định kiểu được viết bằng ngôn ngữ nào và cho phép nó không tải nó xuống máy tính nếu ngôn ngữ này không được trình duyệt hỗ trợ.

Nhập biểu định kiểu

Có một cách khác để đưa một biểu định kiểu được lưu trữ trong một tệp riêng biệt vào tài liệu HTML. Điều này được thực hiện bằng cách sử dụng một chỉ thị đặc biệt @nhập khẩu theo cách sau.

Trong trường hợp này, tất cả các mục trong bảng được tạo bên trong tài liệu sẽ được hợp nhất với bảng đã nhập từ tệp style.css. Các tình huống xung đột được giải quyết bằng cơ chế xếp tầng.

Cần lưu ý rằng chỉ thị @nhập khẩu không hỗ trợ trình duyệt Netscape Navigator 4.0, nhưng nó được cài đặt trên không quá 0,1% người dùng Internet nên có thể bỏ qua chúng.

Cách ẩn thông tin kiểu dáng khỏi trình duyệt

Để ẩn thông tin kiểu dáng khỏi các trình duyệt cũ hơn không hỗ trợ phần tử PHONG CÁCH(công bằng mà nói, cần lưu ý rằng thực tế không còn chúng nữa), bạn có thể sử dụng điều tương tự như khi ẩn mã tập lệnh - nhận xét:

Các thẻ không quen thuộc sẽ bị trình duyệt bỏ qua và các mô tả kiểu được đặt bên trong nhận xét HTML cũng sẽ không được hiển thị.

VÀ . Đánh dấu cũng được sử dụng ở đây.

Chú thích CSS

Không cần phải đánh số chú thích CSS. Việc này được thực hiện bằng cách sử dụng danh sách được đánh số và bộ đếm CSS. Đánh dấu HTML5 cũng được sử dụng ở đây.

  1. ↩ Theo w3.org bên cạnh mục
  2. , nằm trong danh sách
      , trình duyệt phải nhập số sê-ri.
    1. ↩ Bộ đếm CSS xác định số thứ tự của thẻ trong phần tử gốc được chỉ định và phần tử giả hiển thị số này.
    2. ↩ Gắn thẻ
      có thể được sử dụng nhiều lần trên một trang và
    3. có thể không có thẻ đóng.

Thẻ HTML viết tắt (từ rút gọn) và định nghĩa (từ không rõ ràng)



Ví dụ

Một cách dễ dàng hơn chỉ có trong HTML.

  1. Các phần tử có id riêng lẻ. Nó không thể có cùng giá trị cho hai hoặc nhiều thẻ. Liên kết có hàm băm (#) sẽ không chỉ mở trang được chỉ định (nếu không có gì trước #, thì trang hiện tại) mà còn cuộn trang đó đến id phần tử được yêu cầu (cái nào được chỉ định sau #). Bạn có thể tìm hiểu thêm chi tiết và.

Cách dễ dàng hơn chỉ sử dụng HTML .