Perbezaan antara DIV dan SPAN

dan tag HTML yang menentukan elemen dalam kod HTML.

HTML (Hypertext Markup Language) adalah kod berstruktur yang digunakan untuk membina dan memaparkan halaman web yang kami lawati dalam talian, setiap hari, pada sebarang peranti.

Teknologi dan bahasa pengaturcaraan lain boleh diintegrasikan dengan HTML untuk menyediakan ciri-ciri dinamik dan maju di laman web.

Memahami HTML

Hypertext Markup Language (HTML) adalah bahasa markup yang digunakan secara meluas dan merujuk kepada struktur dan kod 'di belakang' halaman web yang dipaparkan dalam pelayar web.

HTML adalah fail teks menggunakan kod tertentu (sintaks) untuk menentukan gaya, kandungan, susun atur, dan format halaman. The Markup istilah menunjukkan teks / kod sedang disediakan untuk pemprosesan dan persembahan i.e. di laman web, dalam pelayar web.

World Wide Web Consortium (W3C) [i] mengakui HTML sebagai bahasa markup rasmi dalam pembangunan laman web, dan oleh itu, HTML disokong oleh kebanyakan penyemak imbas. Oleh itu, laman web boleh dibangunkan dalam bahasa yang diiktiraf, mudah ditafsirkan oleh penyemak imbas yang berbeza untuk menjadikan halaman seperti yang dimaksudkan oleh pereka.

Versi semasa yang masih digunakan adalah HTML4, tetapi perlahan-lahan dihentikan sebagai HTML5 memperoleh lebih banyak sokongan dan pengangkatan untuk laman web dinamik dan responsif.

Responsiveness menjadi komponen asas dalam pembangunan web untuk menyediakan pengalaman pengguna yang lebih mudah dan dinamik, yang harus ditampung pada pelbagai peranti seperti telefon pintar, tablet, dan komputer riba.

Helaian Gaya Cascading (CSS) menjadi bahagian yang penting untuk membina laman dinamik, dan responsif. Ia adalah atribut yang menentukan sifat berasingan bagi setiap elemen seperti font, warna, penjajaran - jadi pemaju tidak menunjukkan gaya elemen setiap kali ia digunakan dalam kod HTML.

Struktur Asas HTML

Untuk memanfaatkan sepenuhnya bahasa pembangunan, mematuhi struktur fail standard dan mempertimbangkan penggunaan sintaks terbaik adalah kunci dalam menyampaikan kandungan web yang stabil, bertujuan, dan visual yang menarik.

Halaman HTML mempunyai struktur yang ditakrifkan oleh elemen (juga disebut sebagai tag). Apabila menulis kod HTML, elemen-elemen ini ditunjukkan secara berpasangan - yang bermaksud, setiap tag memerlukan pembukaan dan penutupan. Permulaan dan akhir.

Unsur dibuka dengan sintaks: dan ditutup dengan.  The / garis slant menandakan berakhirnya definisi elemen tersebut.

Atribut dan kandungan elemen ditakrifkan di antara dua perkara tersebut.

The elemen minimum diperlukan untuk fail HTML adalah definisi,, (HTML4 sahaja), dan tag.

• Definisi DOCTYPE

Definisi (DTD) mesti diisytiharkan sebagai tag pertama dalam fail HTML, jadi apabila halaman diproses, pelayar web tahu apa jenis fail itu, dan oleh karenanya boleh mentafsir dan memaparkan halaman dengan tepat.

Dalam HTML4, terdapat variasi DTD (bergantung pada atribut dan unsur halaman) tetapi kenyataan yang lebih tipikal akan dimasukkan sebagai:

atau

DTD dalam HTML5 adalah lebih mudah:

· HTML, HEAD, dan BODY

• Teg menandakan ia adalah fail HTML dan ini adalah akar elemen HTML yang mengandungi semua elemen berikutnya yang ditakrifkan di dalamnya; dan termasuk atribut bahasa disyorkan sebagai amalan terbaik; sebagai contoh:

• Yang diperlukan dalam HTML4, tetapi tidak wajib dalam HTML5. Ia adalah elemen yang mengandungi unsur-unsur lain yang berkaitan dengan bahagian dokumen ini, seperti tajuk, skrip rujukan, mentakrifkan gaya dan metadata. Tag tertutup mesti digunakan sebelum menentukan 
• Unsur ini memegang kandungan utama untuk halaman, termasuk jadual, teks gambar, senarai dll. Setelah tag ditutup, elemen kini dapat berakhir. Menggunakan elemen HTML5 baru adalah pilihan untuk halaman atau di bahagian lain kandungan.

Elemen HTML

HTML5 telah menghasilkan unsur-unsur baru untuk kemudahan pembangunan dan reka bentuk, dan ia juga telah menghapus elemen yang digunakan dalam HTML4. Senarai perbezaan antara HTML4 dan HTML5 diterbitkan oleh World Wide Web Consortium (W3C) [ii].

HTML DIV TAG

Bersama-sama dengan peningkatan, dan unsur-unsur baru, digabungkan dengan kemajuan CSS, unsur-unsur tertentu boleh digunakan dengan cara yang berbeza, lebih baik daripada sebelumnya, dan laman web menjadi lebih cepat, lebih banyak ciri kaya dan cantik untuk dilihat! dengan CSS, yang digunakan dengan HTML5 dapat menggantikan elemen tertentu yang terlalu digunakan, seperti .

Teg ini popular apabila memisahkan kandungan pada halaman. Apabila membuat elemen ini, ia secara automatik memasukkan rehat
untuk mengekalkan teks atau kandungan bersama-sama, dan bukannya meneruskan teks melintasi halaman.

Dengan akses laman web dan pengoptimuman enjin carian, teknik menjadi sains dan disarankan oleh WC3 untuk tidak selalu kembali menggunakan HTML5.

Sebagai contoh untuk format blog yang tersusun, tetapi mudah, pertimbangkan elemen HTML5 baru dengan CSS dan bukannya menggunakan elemen; gunakan elemen untuk kandungan utama, elemen untuk menyerlahkan atau memisahkan apa-apa kandungan pada halaman, header, atau footer (di mana sahaja!) dan elemen boleh digunakan untuk memegang menu atau pautan kumpulan untuk melayari dari halaman.

Unsur-unsur baru ini mudah mengenal pasti jenis kandungan menggunakan HTML5. Walau bagaimanapun, tag itu juga digunakan dengan CSS untuk membuat laman web responsif.

Mencipta setiap elemen (dengan id atau kelasnya sendiri), fail CSS boleh ditakrifkan untuk memanipulasi setiap elemen.

Contoh HTML di bawah menunjukkan contoh menggunakan pelbagai elemen:

Contoh saya

Unsur-unsur ini boleh mempunyai atribut yang berbeza, saiz yang berbeza untuk interaksi responsif bergantung pada saiz skrin peranti yang sedang digunakan.

Berikut ialah contoh bagaimana setiap elemen boleh ditata dalam fail CSS yang berkaitan dengan HTML - dengan merujuk setiap tag.

#Kepala

lebar: 800px;

ketinggian: auto

margin-left: auto;

margin-left: auto;

#Featured

ketinggian: 150px;

Warna latar belakang: #CCC;

HTML SPAN TAG

Elemen itu adalah unsur inline dan tidak memecah garisan melainkan pecahnya
tag digunakan dan teks (kandungan) yang ditentukan antara tag terbuka dan tutup dipaparkan sebagai baris (secara lalai tanpa menggunakan elemen lain).

Unsur-unsur dalam baris adalah elemen teks dalam fail HTML dan boleh ditakrifkan dalam baris unsur lain.

Seperti, elemen tidak ada makna untuk rujukan optimum. Ia pada dasarnya menunjukkan kandungan unsur seperti itu, tetapi semua keadaan boleh ditakrifkan dalam CSS untuk gaya jika ditandakan dengan betul dan diperkaya dengan atribut lain, atau dimanipulasi dengan JavaScript.

Dalam contoh di bawah, teks biru menyoroti bagaimana elemen span boleh bersarang sebagai elemen sebaris dengan atribut yang berbeza daripada unsur induknya - perenggan p>:

Untuk membuka contoh klik pada ikon di bahagian bawah halaman.

Apabila dilihat dalam pelayar web, teks dalam elemen di atas akan dipaparkan dalam font yang berbeza untuk perenggan untuk menekankan di mana pengguna mesti mengklik untuk mengakses contoh.

Perhatikan tidak ada perbezaan di antara HTML4 dan HTML5.