Làm cách nào để xóa gạch chân khỏi một liên kết trong HTML?

129

Trong trang của tôi, tôi đã đặt một số liên kết mà theo đó tôi không muốn bất kỳ dòng nào, vì vậy, làm cách nào tôi có thể xóa liên kết đó bằng HTML?

html

— Paic Ten
nguồn

4

Paic, tôi sẽ không bận tâm quay lại các thẻ một lần nữa, nhưng chỉ để bạn biết, cách duy nhất để loại bỏ gạch chân là với CSS . Có, mặc dù bạn đang thêm nội tuyến bằng HTML (trong stylethuộc tính), nó vẫn là CSS . Hai thẻ khác cũng hoàn toàn hợp lệ ( presentationvà hyperlink). Trong tương lai, vui lòng không xóa (hoặc thêm) thẻ vào câu hỏi trừ khi có lý do hợp lệ để làm như vậy. Cảm ơn!

— 0b10011

@bfrohs Tôi tôn trọng lời nói của bạn nhưng tôi đang xây dựng trang web của mình chỉ bằng HTML và vì vậy tôi đã không thêm nhiều thẻ vì nếu tôi làm như vậy, tôi có thể có câu trả lời cho ngôn ngữ khác. Thật ra tôi là một người mới làm quen với nó, đó là lý do.

— Paic Ten

3

Bạn không thể xây dựng một trang web tuân thủ tiêu chuẩn mà không có CSS (trừ khi bạn đi với mặc định của trình duyệt cho tất cả các bản trình bày). HTML = cấu trúc; CSS = trình bày. Các thẻ khác không liên quan gì đến một ngôn ngữ khác - chúng chỉ được cung cấp để giúp mọi người tìm câu hỏi và trả lời.

— 0b10011

1

có thể trùng lặp Làm thế nào để loại bỏ gạch chân cho neo (liên kết)?

— RAS

2

Tại sao câu hỏi này có rất nhiều phiếu bầu? Bạn có thể trả lời theo nghĩa đen trong một tìm kiếm Google và tôi chắc chắn có nhiều bản sao của nó trên StackOverflow.

— Alternatex

191

Phiên bản nội tuyến :

<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

Tuy nhiên hãy nhớ rằng bạn nên thường tách nội dung của trang web của bạn (đó là HTML ), từ việc trình bày (đó là CSS ). Do đó, bạn thường nên tránh các kiểu nội tuyến .

Xem câu trả lời của John để xem câu trả lời tương đương bằng CSS .

— patryk.beza
nguồn

1

sát thủ! Tôi chưa bao giờ thấy những dòng gạch dưới này trong tất cả những năm tôi làm html .... ^^

— Alex Cio

1

Câu trả lời của John vẫn sử dụng các kiểu nội tuyến. Tách CSS của bạn có nghĩa là nhiều hơn so với css bí danh trong html của bạn. Ví dụ như class="big-and-red"răng cưa không tách rời. class="meaningful-domain-item"thì css .meaningful-domain-item { //big and red }là. Câu trả lời này đủ để nhắc tôi sử dụng thẻ nào trong css +1 của tôi.

— Nathan Cooper

Mã được đề cập ở trên không làm việc cho tôi. Khi tôi đi sâu vào vấn đề, tôi nhận ra rằng nó không hoạt động vì tôi đã đặt kiểu sau href. Khi tôi đặt kiểu trước khi href nó hoạt động như mong đợi. <a href=" yoursite.com "style="text-decor:none"> trang web của bạn </a>

— Ganesh MS

55

Điều này sẽ xóa tất cả các gạch chân khỏi tất cả các liên kết:

a {text-decoration: none; }

Nếu bạn có các liên kết cụ thể mà bạn muốn áp dụng điều này, hãy đặt cho chúng một tên lớp, thích nounderlinevà làm điều này:

a.nounderline {text-decoration: none; }

Điều đó sẽ chỉ áp dụng cho các liên kết đó và không để lại tất cả những liên kết khác.

Mã này thuộc <head>về tài liệu của bạn hoặc trong biểu định kiểu:

<head>
    <style type="text/css">
        a.nounderline {text-decoration: none; }
    </style>
</head>

Và trong cơ thể:

<a href="#" class="nounderline">Link</a>

— John Conde
nguồn

15

Tôi đề nghị sử dụng: di chuột để tránh gạch chân nếu con trỏ chuột ở trên một neo

a:hover {
   text-decoration:none;
}

— Roman
nguồn

6

Thêm phần này vào biểu định kiểu bên ngoài của bạn ( ưu tiên ):
```
a {text-decoration:none;}
```

Hoặc thêm phần này vào <head>tài liệu HTML của bạn:

<style type="text/css">
 a {text-decoration:none;}
</style>

Hoặc thêm nó vào achính phần tử ( không được khuyến nghị ):

<!-- Add [ style="text-decoration:none;"] -->
<a href="http://example.com" style="text-decoration:none;">Text</a>

— 0b10011
nguồn

4

Các câu trả lời khác đều đề cập đến trang trí văn bản. Đôi khi bạn sử dụng một chủ đề Wordpress hoặc CSS của người khác trong đó các liên kết được gạch chân bởi các phương thức khác, để trang trí văn bản: không ai sẽ tắt phần gạch chân.

Đường viền và bóng hộp là hai phương pháp khác mà tôi biết đối với các liên kết gạch chân. Để tắt những thứ này:

border: none;

và

box-shadow: none;

— Joe Golton
nguồn

2

Sau đây không phải là cách thực hành tốt nhất, nhưng đôi khi có thể chứng minh hữu ích

Tốt hơn là sử dụng giải pháp được cung cấp bởi John Conde, nhưng đôi khi, sử dụng CSS bên ngoài là không thể. Vì vậy, bạn có thể thêm các mục sau vào thẻ HTML của mình:

<a style="text-decoration:none;">My Link</a>

— nebiousGirl
nguồn

1

<style="text-decoration: none">

Các mã trên sẽ là đủ. Chỉ cần dán mã này vào liên kết bạn muốn xóa gạch chân khỏi.

— sd1990
nguồn

1

Tất cả các mã được đề cập ở trên không làm việc cho tôi. Khi tôi đi sâu vào vấn đề, tôi nhận ra rằng nó không hoạt động vì tôi đã đặt kiểu sau href. Khi tôi đặt kiểu trước khi href nó hoạt động như mong đợi.

<a style="text-decoration:none" href="http://yoursite.com/">yoursite</a>

— Ganesh MS
nguồn