<a href…> 'de "ve" işaretleri kodlayabilir miyim?

Otomatik olarak HTML üreten kod yazıyorum ve düzgün bir şekilde kodlamak istiyorum.

Aşağıdaki URL'ye bir bağlantı oluşturduğumu varsayalım:

http://www.google.com/search?rls=en&q=stack+overflow

Tüm öznitelik değerlerinin HTML kodlu olması gerektiğini varsayıyorum. (Yanlışsam lütfen beni düzeltin.) Yani yukarıdaki URL'yi bir bağlantı etiketine koyarsam &, ve işareti şu şekilde kodlamalıyım :

<a href="http://www.google.com/search?rls=en&amp;q=stack+overflow">

Bu doğru mu?

Evet öyle. HTML varlıkları HTML öznitelikleri içinde ayrıştırılır ve bir sapma &belirsizliği oluşturur. Bu nedenle &, tüm HTML özelliklerinin &içine yazmak yerine her zaman yazmalısınız .

Yani, sadece &ve tırnak ihtiyaç kodlanmış olması. éÖzelliğinizde olduğu gibi özel karakterleriniz varsa , HTML ayrıştırıcısını tatmin etmek için bunları kodlamanız gerekmez.

URL'lerin ASCII olmayan karakterler gibi özel bir işleme ihtiyaç duyması durumuydu é. Kaçışları kullananları kodlamanız gerekiyordu ve bu durumda RFC 1738%C3%A9 tarafından tanımlandıkları için verecekti . Bununla birlikte, RFC 1738'in yerini, WhatWG'nin ASCII olmayan bir URL gördüklerinde tarayıcıların nasıl davranması gerektiğini tanımlamak için RW 3986 (URI'ler, Tekdüzen Kaynak Tanımlayıcıları) ve RFC 3987 (IRI'ler, Uluslararası Kaynak Tanımlayıcıları) yerini almıştır. HTML5'ten beri içindeki karakterler . Bu nedenle, ASCII olmayan karakterleri yüzde kodlamalı veya yüzde URL'lere dahil etmek artık güvenlidir.

Mevcut resmi HTML önerileriyle, ve işareti örneğin &bu bağlamlarda olduğu gibi kaçmalıdır. Ancak, tarayıcılar bunu gerektirmez ve HTML5 CR bunu bir kural haline getirmeyi önerir , böylece özellik değerlerinde özel kurallar uygulanır. Mevcut HTML5 doğrulayıcıları bu bağlamda güncelliğini yitirmiştir ( yorum içeren hata raporuna bakın ).

Amplifandlardan öznitelik değerlerinde kaçmak mümkün olacaktır, ancak mevcut araçlarla doğrulamadan başka, hrefdeğerlerden kaçmak için pratik bir ihtiyaç yoktur (ve bunlardan kaçmaya başlarsanız küçük hata yapma riski vardır).

Zneak'ın cevabının yeterli örnekleri olmadığını, HTML ve URI işlemeyi farklı yönler ve standartlar olarak göstermediğini ve bazı küçük şeylerin eksik olduğunu bulduğum için yeni bir cevap gönderiyorum.

Links ( <a href) içindeki URL'lerle ilgili iki standardınız var .

Birinci standart, "3.2.1. Veri Karakterleri" nde bir HTML özelliğinin değeri olarak kullanıldığında kaçması gereken karakterleri okuyabileceğiniz RFC 1866'dır (HTML 2.0). (Özniteliklerin kendileri özel karakterlere hiç izin vermez, örneğin <a hr&ef="http://...izin verilmez veya izin verilmez <a hr&amp;ef="http://....)

Daha sonra bu HTML 4 standardına girdi, kaçmanız gereken karakterler:

<   to   &lt;
>   to   &gt;
&   to   &amp;
"   to   &quote;
'   to   &apos;

Diğer standart, URL'lerin işlendiği RFC 3986 "Genel URI standardı" dır (bu, kullanıcı HTML öğesini tıkladığı için tarayıcı bir bağlantıyı izlemek üzereyken olur).

reserved    = gen-delims / sub-delims

gen-delims  = ":" / "/" / "?" / "#" / "[" / "]" / "@"

sub-delims  = "!" / "$" / "&" / "'" / "(" / ")" / "*" / "+" / "," / ";" / "="

Bu karakterlerden kaçmak önemlidir, böylece müşteri verileri mi yoksa bir sınırlayıcı mı temsil ettiğini bilir.

Kaçışsız örnek:

https://example.com/?user=test&password&te&st&goto=https://google.com

Örnek, tamamen yasal URL

https://example.com/?user=test&password&te%26st&goto=https%3A%2F%2Fgoogle.com

HTML özelliği değerinde tam yasal URL örneği:

https://example.com/?user=test&password&te%26st&goto=https%3A%2F%2Fgoogle.com

Ayrıca önemli senaryolar:

• Değer olarak Javascript:

  <img src="..." onclick="window.location.href = &quot;https://example.com/?user=test&amp;password&amp;te%26st&amp;goto=https%3A%2F%2Fgoogle.com&quot;;">...</a>(Evet, ;;doğrudur.)

• Değer olarak JSON:

  <a href="..." data-analytics="{&quot;event&quot;: &quot;click&quot;}">...</a>

• Kaçan şeylerin içinde kaçan şeyler, çift kodlama, parametre içindeki URL içindeki URL vb.

  http://x.com/?passwordUrl=http%3A%2F%2Fy.com%2F%3Fuser%3Dtest&password=""123

Evet, dönüştürmeniz &gerekir &.

W3C'nin bu html doğrulama aracı, bu gibi sorular için yararlıdır. Belirli bir sayfanın hatalarını ve uyarılarını size bildirir.