HTML dilinin temel kuralları. Sözdizimi PHP Html Sözdizimi
Ayrıca oku
Dil öğrenmeye başlayalım. HTML'deki metin "düz metindir". Bir belgenin tüm köprü metni özellikleri, bu metne dahil edilen özel işaretler olan etiketler kullanılarak belirtilir.
Metin olsun:
Metnin nasıl görüntüleneceğine ilişkin talimatlar ekleyerek bu metni farklı bir şekilde yazalım. Yönler köşeli parantez içine alınmıştır.
İÇİNDE HTML dili talimatlara etiket adı verilir. Tarayıcı etiket talimatlarını yürütür, yani onları göstermeden metinde değişiklikler yapar. Bu nedenle, ekranda aşağıdakileri göreceğiz:
Annem çerçeveyi yıkadı ve kedi topla oynadı. Çocuk topu kediden aldı.
Etiket, köşeli parantez içindeki bir komuttur. Etiket adı açılı ayraçtan sonra gelen ilk şeydir, önünde boşluk yoktur! Tek etiketler ve kap etiketleri vardır. Tek etiketler- tarayıcıya, gösterildiği yerde yürütülen bazı komutlar, örneğin "çizgi çiz" komutu:
Konteyner etiketleri, bir açılış etiketi ve bir kapanış etiketinden oluşur ve bunların tanımı, aralarındaki tüm metne atıfta bulunur, örneğin: "kapsayıcıda iç içe". Kapanış etiketi, açılış etiketi ile aynı ada sahiptir, ancak adından önce bir eğik çizgi vardır: "/":
Annem çerçeveyi yıkadı.
.Bir etiketin nitelikleri olabilir. Nitelik, etiketi tamamlar ve açıklar. Niteliklerin sırası önemli değildir. Örneğin, HR etiketi, çizginin genişliğini, BOYUT çizginin kalınlığını, HİZALAMA konumunu (hizalama) ve COLOR rengini belirten bir WIDTH özelliğine sahiptir. Nitelik değerleri verilen özelliği belirtir. Sözdizimi kuralı şu şekildedir: etiket adından sonra en az bir boşluk gelebilir, ardından boşluklar aracılığıyla üçlüler gelebilir: nitelik, sembol "=", değer. Değerin tırnak içine alınması tavsiye edilir, ancak HTML standardı yalnızca Latin harfleri ve rakamlarından oluşan değerlerin tırnak içine alınmamasına izin verir.
Ekrandaki görüntü aşağıdaki gibi bir şey olacaktır.
_____________________________________
Standart, ima edilmişse bir kapanış etiketi yazmamanıza izin verir. Örneğin, etiket
Bir kapanışı var ama bir sonraki paragrafı açmadan yazamazsınız. Etiket
Bir paragrafı belirtir.
Annem çerçeveyi yıkadı.
Kızı bir topla oynuyordu.
Bazı niteliklerin değerleri yoktur veya daha doğrusu tek bir değerleri vardır ve bu nedenle bu özelliği etikette basitçe belirtmek veya belirtmemek yeterlidir. Örneğin, FRAME etiketi, kullanıcının verilen çerçeveyi yeniden boyutlandırmasına izin verilmediğini belirtmek için NORESIZE özniteliğine sahiptir.
HTML'deki etiketler (öğeler), programlama dillerindeki döngülere veya koşullu ifadelere benzer şekilde iç içe yerleştirilebilir. İç içe olmayan etiketlerin kesişmesi yasaktır.
Hatalı giriş örneği:
iç içe paragraflı
Doğru giriş örneği:
İç içe paragraf ile
Etiketlere ve düz metne ek olarak, HTML kodu sözde karakter nesneleri veya Kaçış dizileri içerebilir: adlandırılmış ve numaralandırılmış varlıklar. Belgede sözdizimsel veya fiziksel olarak yasaklanmış karakterlerin yanı sıra klavyeden girilemeyen karakterleri temsil etmeleri gerekir. Örneğin,
Etiket adları ve öznitelik adları ve değerleri için harf durumu önemli değildir. Bazı stillere uyulması tavsiye edilse de, örneğin, tüm etiketlerin adlarını küçük veya küçük, ancak ilk harf büyük olacak şekilde büyük harflerle yazın. Böyle bir metni bir kişinin algılaması daha kolaydır.
Çok önemli not! Tarayıcının amacı, sayfanızı müşteriye göstermektir. Tarayıcının bir hataya olağan tepkisi, hatayı düzeltme girişimidir ve başarısız olursa, anlamadığı kelimeleri veya etiketleri atlayın. Bu hem iyi hemde kötü. Sonuç olarak, bir yandan tarayıcı kullanıcıya mümkün olduğunca çok metin göstermeye çalışacağından, diğer yandan etiketlerin ve komut dosyalarının bulunduğu kısım bu metne girebilir veya metnin kendisi gelmeyebilir. tarayıcı bunu örneğin bir yorum olarak algılarsa orada. Site geliştiricisi, tarayıcının bu davranışından oldukça rahatsız. İlk başta tarayıcının hatalarınızı özenle düzelteceği, ancak bir süre sonra kafasının karışacağı ve daha önce çalışan parçaların sizin için çalışmayı bırakacağı gerçeğine hazırlıklı olun. Bu nedenle tavsiye: hata yapmayın, bunun yerine html kurallarının farkında olan ve hataları size gösteren modern editörler kullanın.
Son güncelleme: 11/18/2019
Bir HTML5 belgesi oluştururken iki farklı stil kullanabiliriz: HTML ve XML.
HTML stili aşağıdaki noktaları önerir:
Öğelerde ilk başlangıç etiketleri eksik olabilir
Öğelerin bitiş kapanış etiketleri olmayabilir
Yalnızca boş öğeler (geçersiz öğeler) (ör. br , img , link) eğik çizgi ile kapatılabilir />
Etiket ve öznitelik adları büyük/küçük harf duyarlı değildir
Nitelik değerlerini tırnak içine alamazsınız
Bazı özelliklerin değerleri olmayabilir (işaretli ve devre dışı)
Özel karakterler kaçmaz
Belgede bir DOCTYPE öğesi olmalıdır
Bu, bir belge oluştururken müsamahalara dayanan sözde "müsamahakar" stildir.
Bir HTML5 belgesi, XML sözdizimi kullanılarak da tanımlanabilir. Bu stil aynı zamanda "XHTML" olarak da adlandırılır. İçerik türü başlığı application/xml+xhtml ise kullanılır. Bu stil aşağıdaki kurallarla karakterize edilir:
Her öğenin bir başlangıç başlangıç etiketi olmalıdır
Başlangıç başlangıç etiketine sahip geçersiz olmayan öğelerin de bir bitiş bitiş etiketi olması gerekir
Herhangi bir eleman eğik çizgi ile kapatılabilir />
Etiket ve öznitelik adları büyük/küçük harfe duyarlıdır, genellikle küçük harfle yazılır
Öznitelik değerleri tırnak içine alınmalıdır
Değer içermeyen özniteliklere izin verilmez (sadece kontrol etmek yerine kontrol edildi="kontrol edildi")
Özel karakterlerden kaçınılmalıdır
İki yaklaşımı karşılaştıralım. HTML5 Yaklaşımı:
HTML5 belge içeriği
Ve XHTML yaklaşımını kullanan benzer bir örnek:
HTML5 belge içeriği
XHTML sözdizimini kullanırken, verilen belge için ad alanını da belirtmemiz gerekir:
Html belgeleri yazarken belirli bir stilin seçimi, programcının veya web tasarımcısının tercihlerine bağlıdır. Genellikle, kuralları birinci ve ikinci stilden ödünç alan karma bir stil kullanılır.
Aynı zamanda, öğenin kapanış ve açılış etiketlerinin varlığının, öğenin tarayıcı tarafından yanlış yorumlanma olasılığını azalttığını unutmayın.
Ayrıca, öznitelik değerlerinin tırnak içine alınması olası hataların önlenmesine yardımcı olacaktır. Örneğin, class niteliği art arda birden fazla değer alabilir. Örneğin:
Zorluklar varsa, oluşturulan html işaretlemesinin ne kadar doğru olduğu https://validator.w3.org adresindeki doğrulayıcı kullanılarak kontrol edilebilir:
Web sayfası kodunu metin alanına yapıştırabiliriz ve alttaki "Kontrol Et" düğmesine tıkladıktan sonra, doğrulayıcı bize hataları kırmızı olarak gösterecek veya hata olmadığını ve kodun hata olmadığını bize yeşil olarak bildirecektir. doğrulamayı geçti.
Alexander Kichatov
PHP betikleri nasıl çalışır?
Elbette radyo kontrollü arabaların çalışma prensibine aşinasınızdır. İleriye basın - araba hareket eder, sola basın - araba tekerleklerin yönünü değiştirir.
PHP tamamen aynı şekilde çalışır. Komutları arka arkaya yazarsınız ve PHP bunları sırayla yürütür.
PHP betiği nedir
Bir PHP betiği, .php uzantılı bir düz metin dosyasıdır. Html ve css ile tamamen aynı.
Ama önemli bir fark var:
Komut dosyaları yalnızca tarayıcıda http istekleri aracılığıyla çalıştırılır. Bu, script.php betiğini çalıştırmak için tarayıcının adres çubuğuna site.ru/script.php yazmanız gerektiği anlamına gelir.
Komut dosyası çalışmazsa geçerli URL'yi kontrol edin. gibi bir şey varsa file:///D:/openserver/domains/site.ru/script.php- bu, sitenin sayfasına gitmeye değil, PHP dosyasını tarayıcıda açmaya çalıştığınız anlamına gelir. Bu doğru değil.
Web sunucuları çoğunlukla, eriştiğinizde ana sayfa(örneğin site.ru ) sitenin kök dizininde bulunan index.php veya index.html dosyası otomatik olarak başlatılır.
Sitenin kök klasöründe index.php adlı bir dosya oluşturun ve onu metin düzenleyicinizde açın. Bir index.html dosyası varsa silinmelidir.
Henüz sahip değilseniz Metin düzeltici- Hafif ve ücretsiz Notepad++'ı öneririm, Windows'ta yerleşik olan not defterinden çok daha kullanışlıdır.
Komut dosyalarının kodlamasını takip ettiğinizden emin olun. Kodlama ya Malzeme Listesi olmadan UTF-8(düzenleyicinizde varsa) veya yalnızca UTF-8.
PHP'de Sayıları ve Dizeleri Yazdırma
PHP komutları etiketler arasına yazılır, Örneğin:
Ekranda bilgilerin görüntülenmesinden echo komutu sorumludur. Operatörün ardından görüntülenecek değer gelir.
Metni görüntülemek için tek veya çift tırnak içine alınmalıdır:
PHP'deki komutlar noktalı virgülle ayrılır. Okuma kolaylığı için, her komut genellikle Yeni hat:
Tarayıcıda sonuç:
Bu PHP kodudur.
PHP'de çıktı HTML kodu
HTML kodu, PHP komutlarıyla karıştırılabilir:
Ayrıca, HTML kodu bir PHP dizgisinin yerine kullanılabilir:
Napolyon"; ?>
Tarayıcıda sonuç:
Fil Napolyon
PHP kodunu ve HTML etiketlerini herhangi bir şekilde birleştirebiliriz:
Hat 2" ?>
PHP'deki işlevler
Bir işlev, hesaplamalar, dosya yönetimi vb. gibi bazı eylemleri gerçekleştiren bir komuttur.
Bir işlevi tanımlamak kolaydır - adından sonra yuvarlak parantez:
phpinfo() işlevi, geçerli PHP ayarlarıyla birlikte bilgileri görüntüler.
Bazı işlevler bir değer geçirilmesini bekler. Örneğin, ceil() yuvarlama işlevi yuvarlayacağı bir sayı bekler:
ceil() işlevi girdiğimiz 91.5 değerini alır, işler (92'ye yuvarlar) ve sonucu döndürür. echo komutu ise fonksiyonun döndürdüğü değeri alır ve ekranda görüntüler. Bu betiğin sonucu 92 olacaktır.
PHP'de bir kapanış etiketi ihtiyacı
PHP komutlarından sonra HTML veya başka bir ekran çıktısı yoksa, ?> kapanış etiketini atlayabiliriz:
PHP'de Kısa El Etiketi Söz Dizimi
Yerine
Ek olarak, etiketi değiştirebiliriz
etiket kullanımı
Bu etiketle alakalı değil.
Web sayfanızın hangi HTML standardında yazıldığını belirtir.
| DOKÜMAN TİPİ | Tanım |
|---|---|
| HTML5 | |
| Tüm belgeler için. | |
| HTML 4.01 | |
| "http://www.w3.org/TR/html4/strict.dtd"> | Katı HTML sözdizimi. |
| Geçişli HTML sözdizimi. | |
| Çerçeveler bir HTML belgesinde kullanılır. | |
| XHTML 1.0 | |
| Katı XHTML sözdizimi. | |
| Geçişli XHTML Sözdizimi. | |
| Belge XHTML'de yazılmıştır ve çerçeveler içerir. | |
| XHTML mobil profili, cep telefonları için özel öğeler ekler. | |
| XHTML 1.1 | |
| "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> | Bu tanımın türlere bölünmesi yoktur, sözdizimi aynıdır ve açık kurallara uyar. |
Bu nedenle, birkaç belge türü vardır (HTML ve XHTML için katı ve geçişli). Hangi standardın seçileceği sorudur.
HTML ve XHTML standartları
HTML, Web belgeleri için standart biçimlendirme dilidir.
HTML 4.01 ve HTML5'te bir sayfanın görünümü, içeriğinden ayrılmıştır. İçerik ve yapı (başlıklar, paragraflar, bağlantılar) HTML'de belirtilir. Tasarım (hizalama, yazı tipleri, renkler) CSS stilleri tarafından belirlenir.
Örneğin, etiket ve hizalama özelliği kullanımdan kaldırılmıştır.
XHTML, XML tabanlı Web belgeleri için genişletilebilir bir biçimlendirme dilidir. XHTML standardı, HTML 4.01 ve XHTML arasındaki farkların bir listesidir.
XHTML dilinin avantajı, sözdiziminin kesinliği değil, kendi etiketlerinizi icat etme yeteneğidir.
Ancak, 2 Temmuz 2009'da World Wide Web Konsorsiyumu (W3C), XHTML konseptinin yanlış olduğunu düşünerek XHTML 2.0'ın kullanımdan kaldırıldığını duyurdu. Bir grup programcı, HTML5 standardında çalışmaya geçiş yaptı. HTML5 standardı henüz onaylanmamış olsa da birçok site üzerine yazılmış durumda.
HTML5'in ne zaman biteceğini merak edenler birincil kaynaklara göz atabilirler:
HTML5 standardının resmi sürümü şu adreste bulunmaktadır: www.w3.org/TR/html5/
Bir seçim yapalım. Yapması kolaydır: HTML dilini genişletmek niyetinde olmadığınız sürece XHTML standardını kullanmamalısınız.
Çerçeve kullanan belgeler için tasarlanan!DOCTYPE üzerinde durmayalım: dünden önceki gün.
Bir sonraki soru şudur: hangi sözdizimini seçmeli - katı mı yoksa geçişli mi?
HTML 4.01 Katı ve Geçişli Söz Dizimi
Geçiş sözdizimleri, geçişi kolaylaştırmak için mevcuttur. yeni standart. Katı sözdiziminin hata olarak kabul ettiği pek çok şeyi atlayacaklar.
Neyin ne olduğunu anlamak bir örnekle daha kolay. Önce katı sözdizimini ayarlayalım.
katı sözdizimi
geçerlilik kontrolü
kırmızı renk.
HTML kodunun beyan edilen standarda uygunluğuna denir. geçerlilik, ve bu yazışmayı kontrol etmek - doğrulama.
Düzen hatalarını izlemek için FireFox Html Validator eklentisini yükleyin.
sayfamızı açalım firefox tarayıcı, fareyi doğrulayıcı işaretinin üzerine getirin:
Doğrulayıcı işaretine çift tıklamak, genişletilmiş bir hata listesi verecektir:
!DOCTYPE'ı geçişli sözdizimine değiştirin:
geçiş sözdizimi
geçerlilik kontrolü
Metnin bir kısmının vurgulanması gerekiyordu kırmızı renk.