Bab HTML bank soalan ujian bertulis bahagian hadapan web

Saya telah meringkaskan beberapa soalan temu bual hadapan web (ujian bertulis) untuk dikongsi dengan anda banyak yang anda boleh jawab dengan betul!

Pengesyoran berkaitan: "Bab CSS bank soalan ujian bertulis bahagian hadapan web "

S1: Adakah <keygen> teg HTML5 yang betul?

J: Ya. Teg

<keygen> menentukan medan penjana pasangan kunci untuk digunakan dalam borang. Apabila borang diserahkan, kunci persendirian disimpan secara setempat dan kunci awam dihantar ke pelayan. ialah teg HTML5.

S2: Bolehkah tag <bdo> menukar arah teks?

J: Ya. Teg

<bdo> mengatasi arah teks lalai.

<bdo dir="rtl">Here is some text</bdo>

S3: Adakah kod HTML berikut betul?

<figure>
    <img src="myimage.jpg" alt="My image">
    <figcaption>
        <p>This is my self portrait.</p>
    </figcaption>
</figure>

J: Betul

<figure> teg menentukan kandungan strim bebas (imej, carta, foto, kod, dll.). Kandungan elemen angka harus berkaitan dengan kandungan utama, tetapi tidak akan memberi kesan kepada aliran dokumen jika dialih keluar. Gunakan elemen <figcaption> untuk menambah kapsyen pada rajah.

S4: Dalam keadaan apakah tag kecil harus digunakan? Bilakah anda mahu mencipta sari kata selepas tajuk h1? Atau patutkah saya menambah maklumat hak cipta dalam pengaki?

J: Teg kecil biasanya digunakan dalam maklumat hak cipta dan teks undang-undang Ia juga boleh digunakan untuk menandakan maklumat tambahan dalam tajuk (kelihatan dalam bootstrap), tetapi ia tidak boleh digunakan untuk mencipta sari kata.

Elemen Kecil HTML (<small>) menjadikan saiz fon teks satu saiz lebih kecil (contohnya, dari besar ke sederhana, atau dari kecil ke x-kecil) hingga ke saiz fon minimum penyemak imbas . Dalam HTML5, elemen ini digunakan semula untuk mewakili ulasan sampingan dan cetakan kecil, termasuk hak cipta dan teks undang-undang, bebas daripada pembentangan gayanya.

S5: Dalam perigi- berstruktur Adakah berbilang tag h1 dalam halaman web akan memudaratkan SEO?

J: Tiada kesan.

Menurut Matt Cutts (ketua pasukan webspam Google dan pakar de facto dalam perkara ini), menggunakan berbilang teg

adalah wajar, selagi anda tidak menyalahgunakannya (seperti melekatkan seluruh halaman anda dalam

dan menggunakan CSS untuk menggayakannya kembali kepada saiz normal). tajuk dan adalah wajar untuk menggunakan berbilang

, kemudian lakukannya.

Dipetik daripada: http://www.quora.com/Does-using-multiple-h1-tags- pada -a-page-affect-search-engine-rankings

S6: Jika anda mempunyai halaman hasil carian, anda ingin menyerlahkan kata kunci carian. Apakah teg HTML yang boleh digunakan? Elemen HTML mewakili teks yang diserlahkan, iaitu, larian teks yang ditandakan untuk tujuan rujukan, kerana kaitannya dalam konteks tertentu Contohnya ia boleh digunakan dalam halaman yang menunjukkan carian keputusan untuk menyerlahkan setiap contoh perkataan yang dicari.

<mark>

S7: Apakah yang dilakukan oleh atribut skop dalam kod berikut?

<mark>

J: Atribut berskop ialah atribut Boolean. Jika atribut ini digunakan, gaya hanya digunakan pada elemen induk elemen gaya dan anak-anaknya. S8: Adakah HTML5 menyokong hiperpautan peringkat blok? Contohnya:

<article>
    <h1>Hello World</h1>
    <style scoped>
        p {
            color: #FF0;
        }
    </style>
    <p>This is my text</p>
</article>
<article>
    <h1>This is awesome</h1>
    <p>I am some other text</p>
</article>

J: Disokong. Elemen dalam HTML5 muncul sebagai hiperpautan dan menyokong sebarang elemen sebaris dan elemen peringkat blok.

<article>
    <a href="#">
        <h1>Hello</h1>
        <p>I am some text</p>
    </a>
</article>

S9: Adakah permintaan HTTP baharu akan dicetuskan apabila kod HTML berikut dimuatkan?

J: WowS10: Adakah permintaan HTTP baharu akan dicetuskan apabila kod HTML berikut dimuatkan?

<img src="mypic.jpg" style="visibility: hidden" alt="My picture">

J: Ya! S11: Adakah main1.css akan dimuatkan dan disusun dalam alert('Hello world')?

<div style="display: none;">
    <img src="mypic.jpg" alt="My photo">
</div>

J: ya! S12: Adakah main1 perlu dimuat turun dan dihuraikan sebelum main2.css diperoleh?

<head>
    <link href="main1.css" rel="stylesheet">
    <script>
        alert(&#39;Hello World&#39;);
    </script>
</head>

J: tidak!S13: Adakah main2.css akan dimuatkan dan disusun selepas Perenggan 1 dimuatkan?

<head>
    <link href="main1.css" rel="stylesheet">
    <link href="main2.css" rel="stylesheet">
</head>

J: ya!

[Cadangan berkaitan: tutorial video html, bahagian hadapan web]

Atas ialah kandungan terperinci Bab HTML bank soalan ujian bertulis bahagian hadapan web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!