Hướng dẫn how do i open a link in css? - làm cách nào để mở một liên kết trong css?

Thực hiện theo các hướng dẫn để đặt các liên kết menu CSS của bạn để mở trong một cửa sổ mới:

1. Nếu bạn chưa làm như vậy, hãy chèn mã menu của bạn vào trang của bạn. (Để biết thêm thông tin về quy trình này, hãy đọc cách sử dụng trình thiết kế menu CSS.)

2. Tìm mã menu HTML trên trang của bạn. Nó sẽ trông như thế này: & nbsp;

Menu Mục 1 Menu Mục 2 Menu Mục 3

Trong ví dụ này, chúng tôi đã sử dụng các giá trị chung (class = "menu menu", & nbsp; page1.html, & nbsp; menu 1, v.v.). Các giá trị trong menu của bạn có thể khác nhau.class="menu-menu"page1.htmlMenu Item 1, etc.). The values in your menu may differ.

3. Đối với mọi liên kết bạn muốn mở trong một cửa sổ mới, hãy đặt cặp giá trị thuộc tính sau đây bên trong thẻ liên kết mở (): Target = "_ Blank". Điều này có nghĩa là mã của bạn sẽ trông như thế này:): target="_blank". This means your code will look like this:

Menu Mục 1

Thats tất cả để có nó! Nếu bạn muốn, bạn có thể tiếp tục và xem trước menu của mình bằng một trong các tùy chọn xem trước trong chương trình.

PSST! Tạo một tài khoản DigitalOcean và nhận được 200 đô la tín dụng miễn phí cho các dịch vụ và dịch vụ dựa trên đám mây.

Bình luận

  1. Target-Blank không nghiêm ngặt XHTML (nó có thể được coi là hành vi không nên được đặt trong đánh dấu) và nó có thể khiến mọi người tức giận khi sử dụng trên mọi liên kết, đặc biệt là các liên kết. Nhưng đôi khi nó có thể hữu ích, nếu có một liên kết bên ngoài giữa nhiều liên kết nội bộ. Cá nhân tôi thích sử dụng CSS-Content để đặt một ((ext), đằng sau các liên kết đó thông qua phát hiện tự động (ATTR).
    Personally I prefer to use CSS-Content to set a “(ext)” behind those links via auto-detection (attr).

  2. Tôi nói rằng đó là một thực hành xấu. Bởi vì nếu tôi muốn mở liên kết trong cửa sổ mới, JSUT nhấn Shift+Chuột phím. Hoặc nút giữa (để mở trong tab mới).

    • Tôi nói rằng đó là cách thực hành tốt nhất để sử dụng Target =, _ Blank, vì nó chỉ đơn giản là hoạt động. Có những người không biết rằng bạn có thể nhấn nút chuột giữa hoặc các phím tắt khác. Không ai sẽ nhìn thấy nó ở cuối. Tại sao tôi không nên phá vỡ quy tắc về điểm này?
      There are people who don’t know that you can press the middle mouse button or other shortcuts. Nobody will see it at the end. Why should I not break the rule on this point?

    • Làm thế nào với Auto Open trong các cửa sổ mới?

      Xin lỗi, tôi là người mới trong CSS: D

  3. Cảm ơn! PDFS don lồng dường như tôn vinh _blank.

    • Này Jason, để sử dụng PDF, Target = "_ New"

  4. Đoạn trích này rất hữu ích, cảm ơn bạn!

  5. Tôi nghĩ rằng bài viết này là sai lệch, nó nói rõ rằng Target = Khăn _ Trống không hợp lệ, điều đó không đúng. Nó hoàn toàn có giá trị trong cả chuyển tiếp HTML5 và XHTML 1.0. Nó chỉ không hợp lệ trong DTD nghiêm ngặt, nhưng ai sử dụng điều đó? Không có lý do thực sự để không sử dụng thuộc tính đích, mọi trình duyệt đều hỗ trợ nó và sẽ hỗ trợ nó trong tương lai gần. Và bên cạnh đó, tại sao sử dụng JavaScript cho một cái gì đó mà trình duyệt có thể làm nguyên bản?
    There’s no real reason not to use the target attribute, every browser supports it and will support it for the foreseeable future. And besides, why use JavaScript for something that the browser can do natively?

  6. Bất kỳ lợi ích/nhược điểm nào khi sử dụng HTML thay vì JS hoặc ngược lại?

  7. Loại điều này nên làm nản lòng mạnh mẽ. Chỉ có một trang web mới có một rắc rắc nhỏ tuổi teen target="_blank" trên đỉnh của nó. Nó hoàn toàn là sự lựa chọn của người dùng về việc họ có muốn một tab/cửa sổ khác được mở hay không. Không có vấn đề gì nếu một số người dùng không biết cách nhấp vào nút giữa; Chúng ta là ai để buộc các tab mới lên những người biết cách mở các liên kết trong các tab mới vì lợi ích của một số ít người dùng không biết gì ngoài kia.do know how to open links in new tabs for the sake of the few ignorant users out there.

    Tôi đã bắt gặp khá nhiều trang web trong đó các liên kết mở trong các tab mới khi chúng không nên và nó bực bội, bởi vì tôi muốn liên kết mở trong tab hiện tại.

    Để target="blank" một mình trừ khi bạn hoàn toàn cần nó.need it.

  8. Hoàn hảo! Chính xác những gì tôi đang tìm kiếm. cảm ơn :)

  9. Thực sự có nhu cầu liên kết để mở trong một cửa sổ mới đôi khi. Tôi đang thiết kế và mã hóa một trang web thu thập dữ liệu từ người dùng yêu cầu họ tải lên các tệp (hình ảnh và tài liệu PDF). Quá trình tổng thể liên quan đến các nhân viên điền vào một biểu mẫu và sau đó tải lên quét/hình ảnh biên lai để hoàn trả. Điều này cần được xem bởi một trang web mạng nội bộ quản trị viên trong văn phòng. Tôi có một trang đẹp hiển thị yêu cầu ở dạng dễ thương, dễ dàng in nếu được yêu cầu và liên kết đến các tải lên tệp có liên quan.IS a need for links to open in a new windows… sometimes. I am designing and coding a site which collects data from users which requires them to upload files (images and pdf documents). The overall process involves employees filling out a form and then uploading receipt scans/images for reimbursement. This needs to be viewed by an admin intranet site within the office. I have a nice page displaying the claim in a cute form, easily printable if required, and links to the relevant file uploads.

    Tôi không muốn những liên kết đó tiếp quản cửa sổ cha mẹ. Chúng là thông tin bổ sung cho dữ liệu được hiển thị trong cửa sổ cha, vì vậy chúng được yêu cầu mở trong một cửa sổ hoặc tab mới (dựa trên cài đặt ưu tiên trình duyệt) trong khi chỉ để lại các cửa sổ cha. Thường thì cả hai cửa sổ sẽ được kiểm tra và so sánh với nhau. Khó làm nếu chỉ có một người mở tại một thời điểm!new window or tab (based on browser preference settings) while leaving the parent windows alone. Frequently both windows will be examined and compared together. Hard to do if only one is open at a time!

    Và không, nhóm tài khoản của chúng tôi không đủ hiểu biết để nhận ra cách thức/khi nào chọn mở liên kết trong một cửa sổ mới. Họ mong đợi nó được thực hiện cho họ. Và hoàn toàn đúng quá.not IT knowledgeable enough to recognise how/when to choose to open a link in a new windows. They expect it done for them. And quite rightly so too.

    Phải nói rằng, đây là một trường hợp hiếm hoi và tôi thường không sử dụng điều này theo bất kỳ cách nào khác hoặc vì bất kỳ lý do nào khác. Nó làm phiền tôi rằng sử dụng Target = Tiết _ Trống không thể chấp nhận được trong chế độ HTML5 nghiêm ngặt. Tôi luôn mã hóa HTML/CSS/PHP của mình để hoàn thành các mức chấp nhận nghiêm ngặt. Tốt…. Tôi đã làm cho đến bây giờ. Đây là ngoại lệ. :/always code my html/css/php to perfect strict acceptance levels. Well…. I did until now. This is the exception. :/

  10. Thêm điều này vào href

    rel = bên ngoài bên ngoài onclick = Hồi this.target = xông _ trống,

    Làm việc với Strick

  11. Xem xét tiêu đề của trang web này, liệu có tốt không khi sử dụng thủ thuật CSS? Giống như a[href^="http"] để tạo kiểu cho các liên kết khác nhau, có lẽ với một biểu tượng trong background-image?

  12. onclick = ”trở lại! window.open (this.href);

  13. Điều này cũng hoạt động: Target = "New New

    • Đây không phải là một mã hợp lệ mục tiêu = ”mới sử dụng tốt hơn mục tiêu =" _ trống "target=”new” better use target=”_blank”

  14. Tôi đã thử tất cả những thứ này và nó không thể đoán trước được. Đôi khi Target = _Blank sẽ hoạt động nhưng một số trình duyệt chọn bỏ qua attr này. Ở đây, nhiều người có cùng một vấn đề liên kết StackOverflow

  15. Chúng tôi có tùy chọn này mục tiêu = "_ trống"

  16. Tùy chọn tốt nhất cho đến nay và dễ nhất tôi tìm thấy là Target = ”_ trống"

  17. Cho đến nay, việc tôi sử dụng bất cứ điều gì ở đây

    thường luôn làm việc trên mọi trình duyệt. Tuy nhiên, Target = Mới mới không quá nhiều nhưng Target = Hồi _ Mới thường làm.

    • Để _New không làm việc ở đây là một cái gì đó để làm với các đoạn mã hóa của họ.

    • Xin chào Harbek, bạn có thể sử dụng Target = Tiết _ Bất cứ điều gì.
      You can use target=”_anything” ….This is not complusory to use “new” after underscore….because this is not a keyword..Any browser can take it as command to open new window.. :)

  18. Chủ đề này đang thiếu một cái gì đó quan trọng. Có cách nào sử dụng CSS và HTML để mở các liên kết nội bộ trong cùng một cửa sổ và liên kết bên ngoài trong cửa sổ mới không? Không hoặc có, và nếu có, làm thế nào?

    • Tôi nên nói thêm rằng các thuộc tính là xa như tôi có.

      Một [href^= xông http,] Nhưng tôi cảm thấy ngu ngốc về cách tiếp theo để đặt thuộc tính nội dung và/hoặc bất cứ điều gì khác được yêu cầu.

  19. Xin chào, điều này sẽ không mở một tab mới

    Tất cả các liên kết khác trên trang hoạt động với thuộc tính Target Blank, không phải là vấn đề này. Tôi có một https khác: trên trang khác, tất cả họ đều là HTTP: mọi sự giúp đỡ sẽ được đánh giá cao. Và các câu hỏi về vệ sinh về việc bạn có nên sử dụng điều này hay không có liên quan. Trang được xây dựng với thuộc tính mục tiêu, xin lỗi không có ý định lăng mạ

  20. Trang này được gọi là CSS CSS-Tricks, nhưng tôi có thể tìm thấy CSS.

    Target = Tiết _ Trống không phải là CSS.

    • Tôi đồng ý, không phải CSS. Có một cách nào trong một lớp, rằng một liên kết đang sử dụng trong

  21. Đã thử nó, nhưng nó chỉ hoạt động để mở trên tab mới, không phải trên cửa sổ mới. Bất kỳ ý tưởng làm thế nào?

Để lại một câu trả lời

Làm cách nào để mở một liên kết trong HTML và CSS?

Bạn chỉ cần một phần tử neo () với ba thuộc tính quan trọng: thuộc tính href được đặt thành URL của trang bạn muốn liên kết đến. Thuộc tính đích được đặt thành _blank, cho biết trình duyệt mở liên kết trong một tab/cửa sổ mới, tùy thuộc vào cài đặt của trình duyệt. The href attribute set to the URL of the page you want to link to. The target attribute set to _blank , which tells the browser to open the link in a new tab/window, depending on the browser's settings.

Làm thế nào để bạn thực hiện một liên kết mở trong một tab CSS mới?

Câu trả lời ngắn gọn là: Chỉ cần thêm thuộc tính Target = "_ Blank" vào các liên kết của bạn (thẻ neo).Bây giờ khi khách truy cập của bạn nhấp vào liên kết đó, nó sẽ mở trong một cửa sổ hoặc tab mới (tùy thuộc vào trình duyệt web mà họ đang sử dụng và cách họ cấu hình trình duyệt đó).add a target="_blank" attribute to your links (anchor tags). Now when your visitors click that link, it will open in a new window or tab (depending on which web browser they are using and how they configured that browser).

Làm thế nào để bạn tham khảo một liên kết trong CSS?

Bộ chọn: Link được sử dụng để chọn các liên kết không được biết đến.Lưu ý: Bộ chọn liên kết không liên kết kiểu bạn đã truy cập.Mẹo: Sử dụng: Bộ chọn đã truy cập vào các liên kết kiểu đến các trang đã truy cập,: Trình chọn Hover để liên kết kiểu khi bạn chuột qua chúng và: Trình chọn hoạt động để liên kết kiểu khi bạn nhấp vào chúng.. Note: The :link selector does not style links you have already visited. Tip: Use the :visited selector to style links to visited pages, the :hover selector to style links when you mouse over them, and the :active selector to style links when you click on them.

Làm cách nào để mở trang CSS?

Cách mở các liên kết menu CSS trong một cửa sổ mới ...
Nếu bạn chưa làm như vậy, hãy chèn mã menu của bạn vào trang của bạn.....
Tìm mã menu HTML trên trang của bạn.....
Đối với mọi liên kết bạn muốn mở trong một cửa sổ mới, hãy đặt cặp giá trị thuộc tính sau đây bên trong thẻ liên kết mở (): Target = "_ Blank" ..