HTML kodlama ve PHP veya Javascript kodu karıştırma

6 Cevap php

Ben bir web sitesi revize bir görevi yaşıyorum ve şu anda ben index.html sayfada çalışıyorum. önceki kodlayıcı arasında bir javascript sürü ve CSS kodunu karışık ve okunması zor hale geliyor.

Ben arasında etiketleri ve CSS kodunu da gerekli olup olmadığını bilmek istiyorum? Ne PHP kodu hakkında? Nerede her bulunmalıdır?

Edited:

Birden çok javascript ve CSS dosyalarını başvurulan isteniyorsa, nasıl bir tek veya etiketi dahil etmek?

6 Cevap

Ayrı bir dosya içinde javascript tutmak ayrı bir dosya içinde sizin css tutmak ve onları hem de HTML içinde başvurulan var. HTML nispeten bu başvurulan dosyaların sırası önemli değildir. PHP gelince, ben HTML (sadece fonksiyonlar, sınıflar ve ayrı dosyalar diğer komut tutmak ve başlığında PHP ile onları dahil) ile karışık olma konusunda çok fazla endişe olmaz.

Eğer bant genişliği kaydetmek için yardımcı önbelleğe harici bir dosyaya sahip, her sayfada aynı CSS. Orada bazı çatışmalar olabilir farklı eleman tipleri için HTML ile karışmış farklı kurallar vardır, ancak bunu yeniden yazarsak, daha sonra korumak için çok daha temiz ve daha kolay olmakla sona erecek.

Ben bu yüzden böyle bir dosya yapısını tutmak gibi:

index.php
/css
   main.css
   othercssfiles.css
/javascript
   main.js
   otherjsfiles.js
/template
   header.php
   footer.php
/scripts
   functions.php
   otherscripts.php

Sonra benim başlık dosyasında ben css dosyaları ve javascript dizinleri başvuran HTML kodu yerleştirmek istiyorum. Ve kök dizininde benim index.php dosyası) (içerir; üst başlık ve alt altbilgi.

"Otherjsfiles.js" ve "othercssfiles.css" css ve diğer birçok sayfaları gerekmez javascript bir sürü gerektiren, bir tek sayfa, belirli bir gereksinim olabilir durumlarda kullanılabilir. Diğer sayfalar gereksiz veri getirmesi gerekmez anlamına gelir ve tüm siteler kodundan ayrı bir sayfada belirli bir kod tutar.

Bu bir HTML sayfası oluşturan kodun çeşitli yönlerini izlemek için kolay bir yol bulduk, ama doğal olarak size mantıklı organize yollarını bulacaksınız.

Düzenlendi:

If multiple javascript and CSS files are to be referenced, how to include in a single or tag?

O (zaman) HTTP isteklerini korumak için tek bir dosya içine bunları birleştirmek için daha iyi olurdu. Sonra sadece bu css ve normal gibi javascript dosyaları içerir.

<script type="text/javascript" src="/javascript/main.js"></script>
<link rel="stylesheet" href="/css/main.css">

Eğer tutmak (bir JavaScript beautifier okunabilmesi için ve bir JavaScript minifier bunu okurken bittiğinde için, okunabilmesi için CSS beautifier hizmetlerini kullanmak olabilir gibi Ayrıca görünüyor okunabilir versiyonu) ve bant genişliğinden tasarruf etmek istiyorum. Eğer yaratmadı bir web sitesi sürdürmek çalışırken Bu araçlar özellikle yararlıdır.

PHP kodlama HTML / CSS sunucu etiketleri gibi kullanarak, PHP kodu ile serpiştirilmiş olmasını sağlar.

Bu normaldir - çok esnek ve kolay-başlamak olduğunu.

JavaScript ideal ayrı bir JS dosyası içine yerleştirilir ve başvurmak için SCRIPT HTML etiketini kullanarak olmalıdır. Dokümanlar bakın.

CSS ideal ayrı bir CSS dosyası içine yerleştirilir ve başvurmak için STYLE HTML etiketini kullanmak gerekir. Yine, dokümanlar bakın.

Ayrı bir dosya genellikle iyi - Nadiren CSS HTML içine karıştırılabilir geçerli bir nedeni vardır.

JavaScript ile: veya koduna karışık olduğu için iyi bir neden var olabilir veya olmayabilir. Örneğin senaryonun bir parçası HTML bir unsuru yüklendikten sonra çalışan ve başka önce bağımlı olup olmadığını. Bu özellikle iyi bir kodlama uygulama değildir, ancak varolan bir siteyi güncelleme eğer onunla sıkışmış olabilir.

Sonunda gerçekten anlatmak için tek yolu onu çekin ve sayfa hala çalışıyor emin olmaktır.

Dedi Sam gibi, JavaScript ve CSS dış tutmak, ve id yerine onclick= vb Yahoo izleyin ve {de CSS koymak [(2)] tarafından JavaScript referans ürün } ve kapanış <body> etiketinden önce JavaScript.

Birden çok JavaScript veya CSS için, birden kullanın <script> veya <link> etiketleri.

PHP gelince, ayrı bir işlevsellik kadar tutmak iyi bir uygulama dosyası içerir ve sadece ana HTML vb işlevleri çağırır. Bu büyük ölçüde idame yardımcı olacaktır. Basit döngüler için Amaç, if / else s, ve işlev çağrıları, ve başka bir şey.

If multiple javascript and CSS files are to be referenced, how to include in a single or tag?

Birden etiketlerini kullanarak her bir dosyanın başvuru veya orijinalden tek bir CSS ve JS dosyası oluşturmak için YUI compressor gibi bir minifier kullanın ya.

CSS stilleri sırası ilgili, ancak diğer CSS stilleri sadece göredir. Yani, orijinal olarak aynı sırayla (baş bölümünde) birlikte tüm CSS stil hareket başlayın. Defenitely sayfa nasıl değişiyor ise o biraz daha az dağınık yapacaktır.

Sonra komut ve PHP kodu yeniden olup olmadığını bakarak başlayabilirsiniz. Sayfanın onlar çıktı ne doğrudan, aksi halde kolayca yeniden düzenlenebilir, alakalı.

etiketler