Xin chào, hôm nay chúng ta sẽ nói về các siêu liên kết, hoặc liên kết,
như chúng được gọi là phổ biến hơn.
Và cách bạn có thể sử dụng chúng để liên kết tài liệu của bạn với những người khác ngoài kia.
Bây giờ, các liên kết thực sự là những gì làm cho web trở thành một web.
Đó là toàn bộ ý tưởng rằng các liên kết khác nhau được xây dựng cùng nhau tạo ra loại
kiến thức mà các công cụ tìm kiếm hoặc bản thân bạn
có thể đạt được bằng cách đi từ trang này sang trang khác, và với các tài liệu có liên quan đầy hy vọng.
Vì vậy, chúng ta hãy tìm hiểu cách bạn tạo một liên kết trên trang của bạn.
Liên kết được gọi là liên kết neo và đó là nơi chúng tôi nhận được một cho trong một thẻ.
Khi bạn sử dụng một thẻ neo,
một thẻ bạn sẽ cần để đảm bảo rằng bạn có hai phần khác nhau.
Bạn cần một tài liệu tham khảo siêu và bạn cần nội dung.
Vì vậy, tham chiếu siêu chỉ là tham chiếu đến vị trí
của nội dung mới.
Vì vậy, trong trường hợp này tôi đã sử dụng http://www.umich.edu. Điều
đó nói với một trình duyệt,
nếu ai đó nhấp vào liên kết này, đây là nơi tôi muốn yêu cầu trang mới từ.
Chúng ta cũng cần phải có nội dung.
Nội dung là những gì chúng ta gọi là phần có thể nhấp được.
Trong trường hợp này, đó là văn bản.
Tôi thực sự sẽ bấm vào một văn bản gạch chân mà nói, Đại học Michigan.
Nhưng trong một số trường hợp, nó có thể là một hình ảnh thay vào đó.
Vì vậy, những loại liên kết chúng ta có thể có?
Một số phổ biến nhất được gọi là liên kết tuyệt đối.
Chúng tôi cũng có liên kết tương đối.
Các liên kết nội bộ
và các liên kết đồ họa và tôi sẽ cho các bạn xem ví dụ của mỗi một trong số đó.
Với một tham chiếu tuyệt đối trong một phần href, chúng ta cần phải đặt một url được hình thành đầy đủ.
Bạn cần phải có http hoặc https địa chỉ và
bất kỳ loại tên tài liệu bổ sung nào bạn muốn.
Vì vậy, nếu bạn nhớ có ba phần để URL,
bạn có giao thức, máy chủ và tài liệu.
Bạn cần phải bao gồm tất cả những điều này nếu bạn có một tài liệu tham khảo tuyệt đối, phải không?
Mọi thứ khác vẫn còn khá giống nhau.
Đối với một tài liệu tham khảo tương đối, chúng tôi hơi thay đổi những gì đi vào href.
Thay vì liên kết đến một số
trang web bên ngoài hoặc thậm chí nội bộ, chúng tôi sẽ chỉ đặt, trong trường hợp này, tên tệp.
Vì vậy, trong trường hợp này chúng ta sẽ liên kết đến page2.html.
Bạn có thể nhận được một chút sâu hơn,
nơi bạn cũng có thể bao gồm một số loại tên thư mục.
Vì vậy, trong trường hợp này chúng tôi sẽ được đi đến các tập tin gọi là page2.html nhưng
nó là trong một thư mục khác nhau được gọi là docs
cách thứ ba chúng tôi có thể sử dụng một tham chiếu tương đối là những gì chúng tôi gọi là sử dụng thẻ ID.
Vì vậy, khi bạn có href bằng bảng băm hoặc lịch sử, chúng tôi đang
nói rằng có một vị trí khác bên trong cùng một tập tin và nó được gọi là lịch sử.
Vì vậy, tuyệt đối so với liên kết tương đối.
Khi nào bạn sẽ sử dụng các liên kết tuyệt đối so với khi nào bạn sẽ sử dụng các liên kết tương đối?
Với các liên kết tuyệt đối, bạn về cơ bản nói rằng, tôi không chịu trách nhiệm của trang này, một
người khác là.
Vì vậy, nếu bạn đang liên kết đến trang của người khác,
hoàn toàn sử dụng liên kết tuyệt đối với tài liệu tham khảo đầy đủ trong đó.
Đối với tương đối là khi bạn đang phát triển trang web của riêng bạn.
Và nó thực sự hữu ích để sử dụng liên kết tương đối thay vì tuyệt đối, do
đó, nếu bạn di chuyển trang của bạn đến một máy chủ khác,
hoặc bạn di chuyển nó vào một thư mục khác, bạn không cần phải đổi tên mọi thứ.
Và vì vậy đó là một số lợi ích của việc sử dụng
các liên kết địa phương, chỉ là ý tưởng rằng bạn không cần phải cập nhật nhiều.
Bây giờ, một trong những điều mà bạn cần để đảm bảo rằng bạn không bao giờ làm
là có một liên kết bao gồm một số loại cấu trúc tập tin, chúng tôi sẽ gọi nó.
Vì vậy, hãy kiểm tra liên kết của bạn.
Hãy chắc chắn rằng nó không bao giờ nói, C:Page hoặc MyDocumentSpage hoặc
bất cứ điều gì đó là rất cụ thể cho máy tính của bạn.
Lý do mà anh không muốn làm thế là.
Nếu bạn đưa trang của bạn ra trên web.
Nếu bạn đã hoàn tất, bạn đã đặt nó lên một máy chủ hoặc một máy chủ lưu trữ và
bạn muốn những người khác nhấp vào.
Vâng, nó không có ý nghĩa rằng họ sẽ có thể truy cập các trang trên
máy tính của bạn.
Vì vậy, không bao giờ có một tài liệu tham khảo bao gồm một cái gì đó địa phương cho máy tính của bạn.
Được chứ? Một trong những điều khác mà bạn có thể làm là
bạn có thể sử dụng hình ảnh làm liên kết.
Vì vậy, các thành phần có thể nhấp được không phải là văn bản.
Anh đã thấy điều này rất nhiều.
Nó có thể là biểu tượng, hình ảnh.
những thứ khác nhau dọc theo đường dây đó.
Trong trường hợp này, tôi đã đi vào và tôi sử dụng tham chiếu H thường xuyên và
những gì chúng ta đang thay đổi bây giờ, không phải là tham chiếu h, nhưng
nội dung mà đi giữa thẻ mở và đóng.
và tôi đã đi trước và tôi đã đưa vào một hình ảnh thay vào đó.
Đảm bảo rằng bạn sử dụng văn bản thay thế để đi cùng với hình ảnh đó.
Và một trường hợp khác tôi đã làm một cái gì đó rất giống nhau,
sự khác biệt duy nhất là, thay vì sử dụng một tham chiếu cục bộ ngay tại đây cho
hình ảnh, tôi đã sử dụng một tham chiếu tuyệt đối.
Tôi đã đặt trong toàn bộ URL.
Vì vậy, hãy nói về các vấn đề khả năng sử dụng và các vấn đề khả năng tiếp cận.
Nếu bạn đang sử dụng một thành phần có thể nhấp được,
bạn muốn chắc chắn rằng nó có một tên thông tin.
Có phần mềm ngoài kia có thể liệt kê tất cả các liên kết trong một trang cho
những người đang tìm kiếm mọi thứ, những người không thể sử dụng thông thường.
các phương tiện điển hình để truy cập trang.
Nó không phải là ở tất cả hữu ích cho họ nếu tất cả các liên kết được dán nhãn, bấm vào đây,
bấm vào đây, bấm vào đây, phải không?
Bạn muốn cung cấp cho nó một số loại tên thông tin.
Bạn cũng muốn đảm bảo rằng nếu bạn đang sử dụng một hình ảnh cho
phần có thể nhấp vào của liên kết của bạn.
Hình ảnh đó cần phải có một số loại văn bản thay thế hoặc
thông tin khác có sẵn cho những người không thể nhìn thấy hình ảnh.
Vì vậy, để tôi cho bạn thấy một số ví dụ được mã hóa của các loại liên kết đó.
Được chứ?
Như bạn có thể thấy ở đây, tôi có một tham chiếu đến tài liệu tham khảo tuyệt đối, tài
liệu tham khảo tương đối, hình ảnh dưới dạng liên kết, và sau đó một số liên kết nhúng, là tốt.
Vì vậy, nếu tôi nhấp vào Washtenaw Dairy hoặc Rosie Coffee Bar and Bakery, hoặc
Dexter's Bakery vv, nó thực sự sẽ đưa tôi đến các trang của họ.
Phía trước.
Một trong những thủ thuật tôi muốn chỉ ra khi tôi đang làm điều này là,
khi tôi di chuột qua mỗi một trong những liên kết này, nếu bạn nhìn vào rất,
rất dưới cùng của trình duyệt của tôi, và tôi không thể thực sự hiển thị cùng một lúc, nhưng
khi bạn làm nổi bật nó, nó cho bạn thấy URL bạn sẽ đến.
Và tôi nghĩ điều này rất có giá trị
cho mọi người biết, bởi vì nếu bạn đang di chuột qua một liên kết, và
thông tin bạn thấy ở cuối trang không khớp với những gì bạn nói.
Vì vậy, tài liệu tham khảo tuyệt đối đưa bạn ra khỏi trang web của bạn.
Tham chiếu tương đối có thể đưa bạn đến một cái gì đó nằm trong thư mục của bạn.
Vì vậy, ngay đây tôi có một hình ảnh của một số bánh rán, và tôi đã tiếp tục và
chúng nằm trong thư mục của tôi trong hồ sơ của tôi.
Vì vậy, tôi đã có thể liên kết với họ chỉ sử dụng tên hình ảnh.
Được chứ?
Chúng tôi cũng có thể sử dụng hình ảnh như các liên kết là tốt.
Thay vì viết bánh rán từ Squire Shop, tôi đã đi trước và
làm cho nó để bạn có thể nhấp vào hình ảnh để có được tầm nhìn lớn hơn.
Ý tưởng cuối cùng của các liên kết nhúng này là một chút thú vị.
Vì vậy, để tôi đưa các bạn qua mật mã chỉ trong một giây và cho các bạn thấy.
Viết xuống đây,
tôi có một cái gì đó gọi là tài liệu tham khảo tương đối với một ID bằng tương đối.
Tôi đã nhúng liên kết với một ID mà nói nhúng và
lên đây, ngay từ đầu bạn có thể thấy tôi có div id = “tuyệt đối”.
Với các liên kết nhúng, tôi có thể nhấp vào bất kỳ trong số này và điều hướng trong cùng một trang.
Vì vậy, tôi sẽ không đi đến một trang khác.
Tôi sẽ không mở một tờ giấy mới đâu.
Thay vào đó, tôi sẽ nhảy đến những nơi khác nhau trong trang.
Vì vậy, tôi đã đi đến tuyệt đối.
Tôi đã đi đến tương đối bây giờ nếu tôi cố gắng làm tham chiếu nhúng
nó không giống như nó di chuyển nhưng nó thực sự đã làm.
Chỉ là chúng ta đã ở đó.
Được rồi, vậy đó là cách các liên kết nhúng hoặc nội bộ hoạt động, phải không?
Bây giờ nếu bất cứ lúc nào bạn bị nhầm lẫn về cách mã đang hoạt động.
Tôi chỉ muốn nhắc nhở bạn rằng họ luôn có thể đi xem.
Nhà phát triển và xem nguồn để thực sự có được một ý tưởng tốt hơn
về cách mọi người đang tạo trang của họ và liên kết của họ.
Tiếp theo, chúng ta hãy nói về mục tiêu, được chứ?
Neo có thể có một thuộc tính mục tiêu khác nhau là tốt.
Chúng ta đã có nguồn, chúng ta hãy thêm neo.
Vậy chúng ta là mục tiêu.
Vì vậy, bạn có thể có mục tiêu tương đương với bản thân.
Đây là loại hành động mặc định.
Điều này sẽ xảy ra nếu bạn không đặt bất cứ thứ gì ở tất cả.
Nếu bạn thậm chí không bao gồm mục tiêu và ý nghĩa của nó là khi bạn nhấp vào một liên kết, hãy
mở trong cùng một tab hoặc cửa sổ mà bạn đang xem ngay bây giờ.
Nếu bạn đặt mục tiêu bằng trống.
Bạn sẽ rời khỏi trang hiện tại bạn đang ở chính xác giống nhau, và
mở một tab hoặc cửa sổ mới cho nơi bạn muốn mở trang mới.
Bây giờ điều này có mặt trên và nhược điểm của nó.
Nhược điểm là trang web của bạn vẫn mở trong cửa sổ của ai đó.
Nhược điểm là nhiều người không thích nó khi nó tiếp tục thêm vào và
thêm vào, và
khi họ tiến bộ thông qua trang của bạn, bạn đang làm cho họ mở nhiều tab hơn.
Có hai lựa chọn khác mà chúng ta sẽ không thực sự nói về ở đây, nhưng
bạn có thể thấy chúng trong bài đọc, và chúng là hàng đầu và phụ huynh, và
điều đó đề cập đến nếu bạn thực sự nhận được vào ý tưởng có nhiều cửa sổ,
khung hình, etcetera mở.
Vì vậy, chúng ta hãy tiếp tục và xem xét, bởi vì đảm bảo rằng bạn hiểu các liên kết là
cực kỳ quan trọng đối với thành công của bạn trong khóa học này hoặc thậm chí chỉ trong việc hiểu HTML.
Vì vậy, điều đầu tiên bạn cần biết là một trang không có liên kết là cực kỳ hiếm.
Và thành thật mà nói, nó gần như không phải là một trang web.
Nó chỉ là một tài liệu.
Liên kết có thể là tuyệt đối, tương đối và nội bộ.
Và nội bộ, một lần nữa, là loại mà nó có dấu băm trong đó.
Tôi nghĩ rằng tôi có thể đã đề cập đến họ như là tương đối, nhưng
tôi muốn chắc chắn rằng tôi rõ ràng rằng dấu băm làm cho nó nội bộ.
Bạn muốn sử dụng thận trọng khi sử dụng hình ảnh trong liên kết.
Đó không phải là họ không phải là một việc tuyệt vời để làm, và tôi không nói là bạn nên làm điều đó.
Tôi chỉ nói rằng hãy chắc chắn rằng bạn làm điều đó một cách cẩn thận để đảm bảo rằng tất cả những người đang
xem trang của bạn có thể nhận được cùng một nội dung và trải nghiệm giống như những người khác.