4.5
/
5
(
6
bầu chọn
)
Bạn đã tìm tòi về website chắc hẳn bạn cũng từng biết, 1 trang web luôn tồn tại các link qua lại giữa các trang khác nhau & những link này được gọi là Hyperlinks (siêu link). Bạn có thể thấy ngay trong đoạn này mình có chèn link về chuyên đề học HTML bằng cách sử dụng thẻ a trong HTML để tạo backlink link đến 1 trang khác.
Trong HTML để tạo thành các backlink link thì tất cả chúng ta sử dụng thẻ a – thẻ tạo backlink link. Về cách sử dụng thẻ a trong HTML thì nội dung này mình sẽ chỉ dẫn cho bạn cụ thể nhất về thẻ a trong HTML để bạn hiểu & dùng được nó.
Chỉ dẫn dùng thẻ a trong HTML để tạo backlink link
Thẻ a trong HTML được dùng rất là nhiều nó giúp bạn tạo 1 đường dẫn trỏ đến 1 trang nào đó ngay trong website của các bạn hoặc sang 1 website khác. Nếu bạn đã tìm tòi về SEO thì bạn cũng biết thẻ a được dùng trong SEO cực kỳ nhiều khi bạn chèn backlinks. Nó sẽ có 2 dạng này là liên kết nội bộ hay nói một cách khác là link bên trong (backlink trỏ đến trang cùng tên miền) & external backlink nói một cách khác là link bên ngoài(backlink trỏ đến trang không cùng tên miền).
Đọc thêm
Kết cấu của thẻ a trong HTML
<a href="https://nguyenhung.net" title="Học HTML Online" target="_blank">NguyenHung.Netvàlt;/avàgt;
Trong kết cấu trên có các tính chất sau:
-
<avàgt;…</avàgt;
là kết cấu khai báo của cặp thẻ a
-
href
là tính chất khai báo đường dẫn tới trang đích
-
title
là tính chất khai báo tiêu đề cho link
-
target
là tính chất với các tùy chọn đích đến ở dưới (nếu như không khai báo tính chất target thì giá trị mặc định là _self)
-
_self
tùy chọn này sẽ mở backlink trên tab hiện giờ
-
_blank
tùy chọn này sẽ mở backlink trên tab mới
-
_parent
tùy chọn này sẽ mở backlink trong tab cha của tab hiện giờ
-
_top
tùy chọn này sẽ mở backlink trong cửa sổ toàn màn hình
-
-
NguyenHung.Net
là thành phần hiển thị cho người dùng chứng kiến. Nó có thể là text backlink hoặc image backlink.
Kết cấu thẻ a nhảy tới địa điểm nào đó trên trang
Ngoài việc đặt backlink kéo theo 1 trang khác trong website hoặc kéo theo 1 website khác thì bạn còn tồn tại thể đặt backlink nhảy đến 1 địa điểm nào đó ngay trong trang mà không bị load lại trang.
Để làm việc này bạn hãy thêm vào thẻ HTML ở địa điểm cần nhảy tới id=”ten_id” sau đó trong tính chất href của thẻ a bạn để backlink ở dạng href=”#ten_id”. Nói vậy có lẽ bạn sẽ thấy mở hồ, bạn hãy xem chẳng hạn dưới đây để hiểu nhé.
Chẳng hạn
Trước hết là thêm id cho đoạn cần nhảy tới. Bước này mình sẽ thêm id cho thẻ h1 như sau:
<h1 id="den_day">Học HTML Onlinevàlt;/h1vàgt;
Hiện giờ tất cả chúng ta viết thẻ a với kết cấu như sau:
<a href="#den_day" title="Học HTML Online">NguyenHung.Netvàlt;/avàgt;
Bậy giờ khi click vào thẻ a nó sẽ nhảy tới thẻ h1 có id=”den_day” ngay trong trang hiện giờ mà không cần load lại trang.
Dùng thử rõ đặc biệt là bạn có thể xem danh mục của nội dung này ở bên tay phải màn hình, sau đó bạn click vào các backlink nó sẽ nhảy đến địa điểm bạn cần tới.
không chỉ thế, với cách thức tạo backlink như này nó còn hiển thị trực tiếp trên kết quả tìm kiếm Google khá là hay, bạn có thể tham khảo thêm trong ngành nghề SEO nhé.
Kết cấu thẻ a tạo link mail
Bạn có thể dùng thẻ a để tạo link giúp người dùng click vào link đó sẽ mở áp dụng gửi mail & tự điền thư điện tử mà bạn đã nhập sẵn ở đó. Kết cấu thẻ a như sau:
<a href="mailto:admin@nguyenhung.net">admin@nguyenhung.netvàlt;/avàgt;
& nó sẽ hiển thị trên trình duyệt như sau: admin@nguyenhung.net
Kết cấu thẻ a tạo link tới số smartphone
Việc tạo backlink tới số smartphone hiện tại rất hữu ích, đặc biệt là với các trang web bán hàng nếu mong muốn người dùng truy cập bằng smartphone ấn vào link số smartphone là auto nhập số smartphone để gọi ngay rất là hay. Cách làm dễ dàng với thẻ a như sau:
<a href="tel:19001009">19001009vàlt;/avàgt;
Nó sẽ hiển thị trên trình duyệt như sau, bạn hãy truy cập trang này bằng smartphone & click vào thử nhé: 19001009
4 hiện trạng của thẻ a
Thẻ a đặc biệt hơn các thẻ khác là nó sẽ có 4 hiện trạng cho người dùng thấy như sau:
- backlink: là hiện trạng thẻ a khi bạn chưa click lần nào
- hover: là hiện trạng khi bạn trỏ chuột qua nhưng không click vào
- visited: là hiện trạng khi bạn đã click vào backlink
- active: là hiện trạng khi bạn click vào backlink nhưng vẫn đang giữ chuột
Về các hiện trạng này thì tất cả chúng ta phải phối hợp cùng CSS mới thấy rõ được. Nên mình sẽ kể tới trong nội dung về CSS cho thẻ a sau.
Lời kết
Như thế trong nội dung này mình đã cùng bạn đi tìm tòi về thẻ a trong HTML & cách sử dụng thẻ a trong các trường hợp thường xuyên gặp nhất. Hi vọng với từng đó học thức sẽ giúp bạn sử dụng thẻ a trong HTML tốt hơn.
Nếu thấy nội dung hay hãy chia sẻ ngay nhé, còn nếu có khúc mắc gì hãy để lại còm men ở khung comment bên dưới nhá. & nhớ theo dõi NguyenHung.Net để học thêm nhiều học thức về website hơn nhé. Chúc bạn thành công!