Як видалити підкреслення зі посилання в HTML?

130

На своїй сторінці я розмістив кілька посилань, під якими я не хочу жодного рядка, тож як я можу видалити це за допомогою HTML?

html

— Paic Ten
джерело

4

Пайче, я не збираюся зайвий раз відмовляти теги, але просто так, щоб ви знали, єдиний спосіб видалити підкреслення - це за допомогою CSS . Так, навіть якщо ви додаєте його в рядку з HTML (в styleатрибуті), це все-таки CSS . Інші два теги також повністю дійсні ( presentationі hyperlink). Надалі не слід видаляти (або додавати) теги до питання, якщо немає поважних причин для цього. Дякую!

— 0b10011

@bfrohs Я поважаю ваші слова, але я будую свій сайт, використовуючи лише HTML, і тому я не додав більше тегів, тому що якби я це зробив, я, можливо, отримав би відповіді на іншій мові. Насправді я трохи початківець у цьому, це причина.

— Паїк Десять

3

Ви не можете створити веб-сайт, що відповідає стандартам, без CSS (якщо ви не використовуєте стандартні налаштування браузера для всієї презентації). HTML = структура; CSS = презентація. Інші теги не мали нічого спільного з іншою мовою - вони були надані лише для того, щоб допомогти людям знайти питання та відповісти.

— 0b10011

1

можливий дублікат Як видалити підкреслення якорів (посилань)?

— RAS

2

Чому за це питання стільки голосів? Ви можете буквально відповісти на нього в одному пошуку Google, і я впевнений, що в StackOverflow є багато його дублікатів.

— Альтернатекс

192

Вбудована версія:

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

Однак пам’ятайте, що вам слід, як правило, відокремлювати вміст свого веб-сайту (який є HTML ) від презентації (що є CSS ). Тому, як правило, слід уникати стилів вбудованих .

Див . Відповідь Джона, щоб побачити еквівалентну відповідь за допомогою CSS .

— патрик.беза
джерело

1

вбивця! Я ніколи не бачив цих рядків підкреслення за всі роки, що я роблю html .... ^^

— Alex Cio

1

У відповіді Джона все ще використовуються принципи вбудованого стилю. Відокремлення CSS - це більше, ніж видалення css у вашому HTML. Наприклад, class="big-and-red"це зведення, а не відокремлення. class="meaningful-domain-item"то css .meaningful-domain-item { //big and red }є. Ця відповідь достатня, щоб нагадати мені, який тег використовувати в моєму css +1.

— Натан Купер

Цей вищезгаданий код не працював для мене. Коли я заглиблююся в проблему, я розумію, що вона не працює, тому що я розмістила стиль після href. Коли я розмістив стиль перед href, він працював так, як очікувалося. <a href=" yoursite.com "style="text-decoration:none"> YourSite </a>

— Ганеш MS

55

Це видалить усі підкреслення з усіх посилань:

a {text-decoration: none; }

Якщо у вас є конкретні посилання, до яких ви хочете застосувати це, дайте їм ім’я класу, як-от nounderlineі зробіть це:

a.nounderline {text-decoration: none; }

Це стосуватиметься лише цих посилань, а всі інші залишатимуться без змін.

Цей код належить до <head>вашого документа або до таблиці стилів:

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

І в тілі:

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

— Джон Конде
джерело

15

Я пропоную використовувати: наведіть курсор, щоб уникнути підкреслення, якщо вказівник миші над якорем

a:hover {
   text-decoration:none;
}

— Роман
джерело

6

Додайте це до свого зовнішнього стилю ( бажано ):
```
a {text-decoration:none;}
```
Або додайте це до <head>свого документа HTML:
```
<style type="text/css">
 a {text-decoration:none;}
</style>
```

Або додайте його до самого aелемента ( не рекомендується ):

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

— 0b10011
джерело

4

В інших відповідях всі згадуються про оформлення тексту. Іноді ви використовуєте тему Wordpress або чужу CSS, де посилання підкреслюються іншими методами, так що оформлення тексту: жодне не вимикає підкреслення.

Межа та поле-тінь - це два інші методи, які я знаю для підкреслення посилань. Щоб вимкнути їх:

border: none;

і

box-shadow: none;

— Джо Голтон
джерело

2

Наведене нижче не є найкращою практикою, але іноді може виявитися корисним

Краще використовувати рішення, яке надає Джон Конде, але іноді використовувати зовнішній CSS неможливо. Таким чином, ви можете додати наступне до свого тегу HTML:

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

— туманна дівчина
джерело

1

<style="text-decoration: none">

Наведеного вище коду буде достатньо. Просто вставте його у посилання, з якого потрібно видалити підкреслення.

— sd1990
джерело

1

Весь згаданий код для мене не працював. Коли я заглиблююся в проблему, я розумію, що вона не працює, тому що я розмістила стиль після href. Коли я розмістив стиль перед href, він працював так, як очікувалося.

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

— Ганеш М.С.
джерело