<Section> və <div> arasındakı fərq nədir?

HTML'de <section><div> arasındakı fərq nədir? Hər iki halda da bölmələri müəyyən etmirik?

626
04 авг. Sadəlik 04 aug-a təyin olundu . 2011-08-04 13:33 '11 'da 13:33' de 2011-08-04 13:33
@ 12 cavab

<section> içəridə olan məzmunun qruplaşdırıldığı (yəni eyni mövzuya aiddir) və səhifə konturunda bir giriş kimi göstərilməlidir.

Digər tərəfdən, <div> , öz xüsusiyyətlərində tapılmış hər hansı bir class , dili və title istisna olmaqla, heç bir dəyər vermir.

Beləliklə, heç bir: <div> istifadə edərək HTML-də bir bölmə müəyyən etmir.

Xüsusiyyətindən:

<section>

<section> elementi sənədin və ya tətbiqin ümumi hissəsini əks etdirir. Bu məzmunda bölmə məzmunun tematik bir qruplaşmasıdır. Hər section , bir qayda olaraq <section> bir alt element kimi başlıq (h1-h6 element) daxil etməklə müəyyən edilməlidir.

Bölmələr nümunələri fəsildən ibarətdir, seksiyalı informasiya qutusunda müxtəlif nişanlar və ya nömrəli abstrakt bölmələrdir. Veb saytların giriş səhifəsi giriş, xəbər və əlaqə məlumatları üçün bölməyə bölünə bilər.

...

<section> elementi ümumi konteyner elementi deyil. Elementə yalnız styling və ya yazı yazılarının rahatlığı üçün lazım olduqda, yazıçılar <div> elementini istifadə etməyə təşviq olunur. Ümumi qayda, <section> elemanın yalnız elementlərin məzmunu sənəddə təsvir olunduğu təqdirdə verilmişdir.

( https://www.w3.org/TR/html/sections.html#the-section-element )

<div>

<div> elementinin xüsusi mənası yoxdur. O, uşaqlarını təmsil edir. > , > və title xüsusiyyətləri ilə bir sıra ardıcıl elementlər üçün ümumi semantikləri ifadə etmək üçün istifadə edilə bilər.

Qeyd Müəlliflər <div> elementini ən son təsirin elementi olaraq nəzərdən keçirilməsini qətiyyətlə təklif edirlər, çünki heç bir element uyğun deyil. Bir <div> elementi əvəzinə daha uyğun elementləri istifadə edərək oxucular üçün daha yaxşı əlçatanlıq və yazarların sadələşdirilməsi ilə nəticələnir.

( https://www.w3.org/TR/html/grouping-content.html#the-div-element )

783
04 авг. Paul D. Waite tərəfindən verilmiş cavab 04 avqu. 2011-08-04 15:10 '11 at 15:10 2011-08-04 15:10

<section> işarəsi bölmə , <div> əlaqədar semantikası olmayan ümumi bir blok yerləşdirir.

border=0
66
04 авг. Cavab Quentin 04 aug verilir . 2011-08-04 13:34 '11 'da 13:34' də 2011-08-04 13:34

<div> Vs <Section>

Dəyirmi 1

<div>: Bir HTML elementi (və ya HTML sənəd elementi) bir axının məzmunu üçün ümumi bir konteynerdir və əslində bir şey deyildir. Bu, üslub məqsədləri üçün elementləri (sinif özniteliklerini və ya identifikatordan istifadə etmək) və ya ><article> və ya <nav> ).

<section>: HTML elementinin ( <section> ) bölməsi sənədin ümumi bir hissəsidir, yəni. məzmunun tematik qruplaşdırılması, adətən bir mövzu ilə.


2-ci dövr

<div>: Brauzer dəstəyi 2019

53
17 июня '14 в 15:00 2014-06-17 15:00 Cavab Subodh Ghulaxe 17 iyun '14 saat 15:00 'də verilir 2014-06-17 15:00

Yalnız bir müşahidə - heç bir sənəd tapılmadı.

Bölmədə başqa bir bölmə varsa, daxili bölmədə h1 başlığı xarici hissədə h1 başlığından daha kiçik bir yazı ilə göstərilir. Bölmə yerinə bir div istifadə edərkən, daxili h1-header div h1 olaraq diplayed.

 <section> <h1>Level1</h1> some text <section> <h1>Level2</h1> some more text </section> </section> 

- Level2 başlığı Level1 başlığından daha kiçik bir yazı ilə göstərilir.

H1 header üçün css istifadə edərkən, daxili h1 rəng də rəngli (normal h1 kimi davranır). Firefox 18, IE 10 və Chrome 28-də eyni davranış.

28
01 авг. cavabı runec 01 avqustda verilir . 2013-08-01 17:28 '13 at 17:28 2013-08-01 17:28

HTML5-də <section> elementi əlaqəli elementlərin bloku kimi müəyyən edilir.

<div> elementi uşaq elementlərinin bloku kimi müəyyən edilir.

10
29 апр. SrikanthReddy Karnati tərəfindən verilmiş cavab 29 Aprel. 2016-04-29 17:51 '16 saat 17:51 'da 2016-04-29 17:51

Bölmə etiketi html üçün daha çox semantik sintaksis təmin edir. div bir bölmə üçün ortaq bir etiketdir. Müvafiq məzmun üçün bir bölüm etiketi istifadə edərkən, axtarış motorunu optimallaşdırmaq üçün də istifadə edilə bilər. bölmə tag də html ayrıştırmayı asanlaşdırır. Daha ətraflı məlumat üçün http://blog.whatwg.org/is-not-just-a-semantic ünvanına baxın

9
04 авг. Cavab pooamlairaj 04 aug verilir . 2011-08-04 13:37 '11 'da 13:37' da 2011-08-04 13:37

<div> , biz bildiyimiz və sevən axın üçün ümumi konteynerdir. Əlavə semantik məna olmadan blok elementi (W3C: Markup, WhatWG)

<section> ümumi sənəd və ya proqram bölməsidir. Adətən başlıq (başlıq) və ehtimal ki, bir footer var. Uzun məqalənin tərkib hissəsi kimi, onunla əlaqəli məzmunun səhifəsi səhifənin əsas hissəsidir (məsələn, ana səhifədəki xəbərlər bölməsi) və ya webapps-in sekmeli interfeysində səhifəsidir. (W3C: Markup, WhatWG)

Mənim təklifim: div: daha aşağı bir versiyanı istifadə edir (məncə, 4.01 daha çox) html elementi (çox dizaynerlər). bölmə: yeni yaradılmış element (html5) html.

9
04 авг. cavab anglimasS 04 aug verilir . 2011-08-04 15:13 '11 at 15:13 2011-08-04 15:13

Etiketi sui-istifadə etmək üçün diqqətli olun. div elementi üçün əvəz kimi. Bölmə etiketi bədən kontekstində əhəmiyyətli bir sahəni müəyyən etməlidir. HTML5 semantik olaraq sənədimizi aşağıdakı kimi müəyyən etməyə dəvət edir:

6
15 мая '16 в 15:06 2016-05-15 15:06 Cavab KoolWebDezign tərəfindən mayın 15, '16 'da 15:06 2016-05-15 15:06 tərəfindən verilir

<section> fəsillər, başlıqlar, altlıqlar və ya sənədin digər bölmələri kimi bir sənəddə bölmələr müəyyən edir.

sonra:

<div> HTML sənədində bir bölmə və ya bölmə müəyyən edir.

<div> CSS ilə formatlaşdırmaq üçün blok elementlərini qruplaşdırmaq üçün istifadə olunur.

1
11 мая '15 в 6:11 2015-05-11 06:11 Jeeves tərəfindən 11 May 'da saat 06:11' da cevap verilir 2015-05-11 06:11

<section></section>

HTML elementi <section> sənədin ümumi bir hissəsidir, yəni başlıq köməyi ilə, məzmunun tematik qruplaşdırılmasıdır. Hər bir <section> bir qayda olaraq, <section> elementinin bir <h6> bir başlıq ( <h1> - <h6> ) daxil etməklə müəyyən edilməlidir. Daha ətraflı məlumat üçün linkə baxın.

Referanslar:


<div></div>

HTML <div> elementi (və ya HTML Sənəd Şöbəsi elementi) bir şeyin əsası olmayan bir axın üçün ümumi bir konteynerdir. Bu, üslub məqsədləri üçün elementləri (sinif özniteliklerini və ya identifikatordan istifadə etmək) və ya ><article> və ya <nav> ).

Ədəbiyyat: - http://www.w3schools.com/tags/tag_div.asp - https://developer.mozilla.org/en/docs/Web/HTML/Element/div


Aralarında olan fərqləri daha çox müzakirə edən bəzi əlaqələr bunlardır:

1
16 мая '16 в 12:45 2016-05-16 12:45 cədvəl Asad Ali tərəfindən 16 may, 16 saat 12: 45-206-05-16 12:45 tərəfindən verildi

Eyni şey, ancaq html5-də daha aydın olmaq üçün bölməni istifadə edirsiniz. Mdn html5 elementlərini oxumaqdan çəkinin

0
21 июля '17 в 9:47 2017-07-21 09:47 Cavab Harold Ramos tərəfindən 21 İyul 21 'də 9:47 2017-07-21 09:47' də verilir

Html5-də, semantik məna ex kimi əlavə edildi və div ayrıldı.

-1
23 июня '17 в 23:13 2017-06-23 23:13 Cavab Harold Ramos tərəfindən 23 İyun '17 'də 23:13 2017-06-06 23:13' də verilir

Tags haqqında suallar və ya bir sual