• Gündem
  • Alışveriş
  • Finans
  • YaCevap
  • Seyahat
  • Video
  • Görsel
  • Ana Sayfa
  • Teknoloji
  • Psikoloji ve İlişkiler
  • Bilim ve Eğitim
  • Yemek
  • Kültür ve Sanat
  • Filmler ve Diziler
  • Ekonomi ve Finans
  • Oyun
  • Spor
  • Güzellik ve Moda
  • Faydalı İpuçları
  • Otomobil
  • Hukuk
  • Seyahat
  • Hayvanlar ve doğa
  • Sağlık
  • Diğer
  • Buradasın
    • YaCevap ›
    • Teknoloji ›

    HTML'de section nasıl gizlenir?

    • #Teknoloji
    • #HTML
    • #Programlama
    • #WebGeliştirme

    Yazeka

    Arama sonuçlarına göre oluşturuldu

    HTML'de 
    section
    etiketini gizlemek için     iki yöntem kullanılabilir:
    1. display: none;
       14. Bu yöntemle 
      section
      elemanı sayfadan tamamen kaldırılır ve alan kaplamaz 4.
    2. hidden
       niteliği 3. Bu nitelik eklendiğinde 
      section
      elemanı görünmez olur, ancak sayfadaki konumu korunur 3. Nitelik değeri olarak 
      'hidden'
      veya 
      'hidden="hidden"
      kullanılabilir 3.
    5 kaynaktan alınan bilgiyle göre:

      Yanıtı değerlendir

      5 kaynak

      1. css.sitesi.web.tr
        1
      2. stackoverflow.com
        2
      3. dofactory.com
        3
      4. ekolsoft.com
        4
      5. labex.io
        5

    • CSS ile `section` nasıl stilize edilir?

    • `hidden` niteliği hangi durumlarda kullanılır?

    • HTML'de başka hangi gizli etiketler var?

    • Daha fazla bilgi

    Konuyla ilgili materyaller

    HTML'de arkadaki öğeyi nasıl gizlenir?

    HTML'de arkadaki öğeyi gizlemek için `display: none;` veya `visibility: hidden;` özellikleri kullanılabilir. - `display: none;`: Öğeyi gizler ve sahip olduğu alan da sayfada gösterilmez. - `visibility: hidden;`: Öğeyi gizler, ancak önceki haliyle aynı alanı kaplar. Örnek CSS kodları: ```css .gizle { display: none; } .gosterme { visibility: hidden; } ```
    • #Teknoloji
    • #Programlama
    • #HTML
    • #CSS
    5 kaynak

    HTML'de<!-- --> ne işe yarar?

    HTML'de `<!-- -->` etiketi, yorum eklemek için kullanılır. Ayrıca, `<!-- -->` etiketi, kısa süreli kod bloklarını gizlemek veya JavaScript gibi desteklenmeyen özellikleri devre dışı bırakmak amacıyla da kullanılabilir.
    • #Teknoloji
    • #Programlama
    • #HTML
    • #Kodlama
    5 kaynak
  • Yazeka nedir?
Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.
  • © 2025 Yandex
  • Gizlilik politikası
  • Kullanıcı sözleşmesi
  • Hata bildir
  • Şirket hakkında
{"l2ve0":{"state":{"logoProps":{"url":"https://yandex.com.tr"},"formProps":{"action":"https://yandex.com.tr/search","searchLabel":"Bul"},"services":{"activeItemId":"answers","items":[{"url":"https://yandex.com.tr/gundem","title":"Gündem","id":"agenda"},{"url":"https://yandex.com.tr/shopping","title":"Alışveriş","id":"shopping"},{"url":"https://yandex.com.tr/finance","title":"Finans","id":"finance"},{"url":"https://yandex.com.tr/yacevap","title":"YaCevap","id":"answers"},{"url":"https://yandex.com.tr/travel","title":"Seyahat","id":"travel"},{"url":"https://yandex.com.tr/video/search?text=popüler+videolar","title":"Video","id":"video"},{"url":"https://yandex.com.tr/gorsel","title":"Görsel","id":"images"}]},"userProps":{"loggedIn":false,"ariaLabel":"Menü","plus":false,"birthdayHat":false,"child":false,"isBirthdayUserId":true,"className":"PortalHeader-User"},"userIdProps":{"flag":"skin","lang":"tr","host":"yandex.com.tr","project":"neurolib","queryParams":{"utm_source":"portal-neurolib"},"retpath":"https%3A%2F%2Fyandex.com.tr%2Fyacevap%2Fc%2Fteknoloji%2Fq%2Fhtml-de-section-nasil-gizlenir-1135008753%3Flr%3D213%26ncrnd%3D53599","tld":"com.tr"},"suggestProps":{"selectors":{"form":".HeaderForm","input":".HeaderForm-Input","submit":".HeaderForm-Submit","clear":".HeaderForm-Clear","layout":".HeaderForm-InputWrapper"},"suggestUrl":"https://yandex.com.tr/suggest/suggest-ya.cgi?show_experiment=222&show_experiment=224","deleteUrl":"https://yandex.com.tr/suggest-delete-text?srv=web&text_to_delete=","suggestPlaceholder":"Yapay zeka ile bul","platform":"desktop","hideKeyboardOnScroll":false,"additionalFormClasses":["mini-suggest_theme_tile","mini-suggest_overlay_tile","mini-suggest_expanding_yes","mini-suggest_prevent-empty_yes","mini-suggest_type-icon_yes","mini-suggest_personal_yes","mini-suggest_type-icon_yes","mini-suggest_rich_yes","mini-suggest_overlay_dark","mini-suggest_large_yes","mini-suggest_copy-fact_yes","mini-suggest_clipboard_yes","mini-suggest_turboapp_yes","mini-suggest_expanding_yes","mini-suggest_affix_yes","mini-suggest_carousel_yes","mini-suggest_traffic_yes","mini-suggest_re-request_yes","mini-suggest_source_yes","mini-suggest_favicon_yes","mini-suggest_more","mini-suggest_long-fact_yes","mini-suggest_hide-keyboard_yes","mini-suggest_clear-on-submit_yes","mini-suggest_focus-on-change_yes","mini-suggest_short-fact_yes","mini-suggest_app_yes","mini-suggest_grouping_yes","mini-suggest_entity-suggest_yes","mini-suggest_redesigned-navs_yes","mini-suggest_title-multiline_yes","mini-suggest_type-icon-wrapped_yes","mini-suggest_fulltext-highlight_yes","mini-suggest_fulltext-insert_yes","mini-suggest_lines_multi"],"counter":{"service":"neurolib_com_tr_desktop","url":"//yandex.ru/clck/jclck","timeout":300,"params":{"dtype":"stred","pid":"0","cid":"2873"}},"noSubmit":false,"formAction":"https://yandex.com.tr/search","tld":"com.tr","suggestParams":{"srv":"serp_com_tr_desktop","wiz":"TrWth","yu":"2019042081755322332","lr":213,"uil":"tr","fact":1,"v":4,"use_verified":1,"safeclick":1,"skip_clickdaemon_host":1,"rich_nav":1,"verified_nav":1,"rich_phone":1,"use_favicon":1,"nav_favicon":1,"mt_wizard":1,"history":1,"nav_text":1,"maybe_ads":1,"icon":1,"hl":1,"n":10,"portal":1,"platform":"desktop","mob":0,"extend_fw":1,"suggest_entity_desktop":"1","entity_enrichment":"1","entity_max_count":"5"},"disableWebSuggest":false},"context":{"query":"","reqid":"1755322347159716-13374599653792072834-balancer-l7leveler-kubr-yp-klg-266-BAL","lr":"213","aliceDeeplink":"{\"text\":\"\"}"},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"l2vew01-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header"}}}}},"type":"neuro_library","subtype":"header"},"l2ve1":{"state":{"links":[{"id":"main","url":"/yacevap","title":"Ana Sayfa","target":"_self"},{"id":"technologies","url":"/yacevap/c/teknoloji","title":"Teknoloji","target":"_self"},{"id":"psychology-and-relationships","url":"/yacevap/c/psikoloji-ve-iliskiler","title":"Psikoloji ve İlişkiler","target":"_self"},{"id":"science-and-education","url":"/yacevap/c/bilim-ve-egitim","title":"Bilim ve Eğitim","target":"_self"},{"id":"food","url":"/yacevap/c/yemek","title":"Yemek","target":"_self"},{"id":"culture-and-art","url":"/yacevap/c/kultur-ve-sanat","title":"Kültür ve Sanat","target":"_self"},{"id":"tv-and-films","url":"/yacevap/c/filmler-ve-diziler","title":"Filmler ve Diziler","target":"_self"},{"id":"economics-and-finance","url":"/yacevap/c/ekonomi-ve-finans","title":"Ekonomi ve Finans","target":"_self"},{"id":"games","url":"/yacevap/c/oyun","title":"Oyun","target":"_self"},{"id":"sport","url":"/yacevap/c/spor","title":"Spor","target":"_self"},{"id":"beauty-and-style","url":"/yacevap/c/guzellik-ve-moda","title":"Güzellik ve Moda","target":"_self"},{"id":"useful-tips","url":"/yacevap/c/faydali-ipuclari","title":"Faydalı İpuçları","target":"_self"},{"id":"auto","url":"/yacevap/c/otomobil","title":"Otomobil","target":"_self"},{"id":"law","url":"/yacevap/c/hukuk","title":"Hukuk","target":"_self"},{"id":"travel","url":"/yacevap/c/seyahat","title":"Seyahat","target":"_self"},{"id":"animals-and-nature","url":"/yacevap/c/hayvanlar-ve-doga","title":"Hayvanlar ve doğa","target":"_self"},{"id":"health","url":"/yacevap/c/saglik","title":"Sağlık","target":"_self"},{"id":"other","url":"/yacevap/c/diger","title":"Diğer","target":"_self"}],"activeLinkId":"technologies","title":"Kategoriler","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"l2vew02-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"header-categories"}}}}},"type":"neuro_library","subtype":"header-categories"},"l2ve2":{"state":{"tld":"com.tr","markdown":"**HTML'de `section` etiketini gizlemek için** iki yöntem kullanılabilir:\n\n1. **`display: none;`** [```1```](https://css.sitesi.web.tr/css-display.html)[```4```](https://ekolsoft.com/tr/b/css-ile-bir-eleman-nasil-gizlenir). Bu yöntemle `section` elemanı sayfadan tamamen kaldırılır ve alan kaplamaz [```4```](https://ekolsoft.com/tr/b/css-ile-bir-eleman-nasil-gizlenir).\n2. **`hidden`** niteliği [```3```](https://www.dofactory.com/html/section/hidden). Bu nitelik eklendiğinde `section` elemanı görünmez olur, ancak sayfadaki konumu korunur [```3```](https://www.dofactory.com/html/section/hidden). Nitelik değeri olarak `'hidden'` veya `'hidden=\"hidden\"` kullanılabilir [```3```](https://www.dofactory.com/html/section/hidden).","sources":[{"sourceId":1,"url":"https://css.sitesi.web.tr/css-display.html","title":"CSS Gösterme - Gizleme - CSS Dersleri","shownUrl":"https://css.sitesi.web.tr/css-display.html"},{"sourceId":2,"url":"https://stackoverflow.com/questions/33314475/how-do-i-hide-a-section-of-html-without-removing-it","title":"Javascript - How Do I Hide a Section of HTML...","shownUrl":"https://stackoverflow.com/questions/33314475/how-do-i-hide-a-section-of-html-without-removing-it"},{"sourceId":3,"url":"https://www.dofactory.com/html/section/hidden","title":"HTML Section Hidden","shownUrl":"https://www.dofactory.com/html/section/hidden"},{"sourceId":4,"url":"https://ekolsoft.com/tr/b/css-ile-bir-eleman-nasil-gizlenir","title":"CSS ile Bir Eleman Nasıl Gizlenir","shownUrl":"https://ekolsoft.com/tr/b/css-ile-bir-eleman-nasil-gizlenir"},{"sourceId":5,"url":"https://labex.io/tutorials/html-utilizing-html-section-tag-70831","title":"HTML Section Tag | Web Development Tutorials | LabEx","shownUrl":"https://labex.io/tutorials/html-utilizing-html-section-tag-70831"}],"isHermione":false,"headerProps":{"header":"HTML'de section nasıl gizlenir?","homeUrl":"/yacevap","categoryUrl":"/yacevap/c/teknoloji","categoryTitle":"Teknoloji","canUseNativeShare":false,"extralinksItems":[{"variant":"reportFeedback","reportFeedback":{"feature":"YazekaAnswers","title":"Bu yanıtta yanlış olan ne?","checkBoxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]}}],"tags":[{"href":"/yacevap/t/teknoloji","text":"#Teknoloji"},{"href":"/yacevap/t/html","text":"#HTML"},{"href":"/yacevap/t/programlama","text":"#Programlama"},{"href":"/yacevap/t/webgelistirme","text":"#WebGeliştirme"}]},"suggestProps":{"suggestItems":[{"id":0,"text":"CSS ile `section` nasıl stilize edilir?","url":"/search?text=CSS+ile+HTML+section+stilleri&promo=force_neuro"},{"id":1,"text":"`hidden` niteliği hangi durumlarda kullanılır?","url":"/search?text=HTML%27de+%60hidden%60+niteli%C4%9Fi+kullan%C4%B1m+alanlar%C4%B1&promo=force_neuro"},{"id":2,"text":"HTML'de başka hangi gizli etiketler var?","url":"/search?text=HTML%27de+gizli+etiketler&promo=force_neuro"},{"id":-1,"url":"/search?text=HTML%27de+section+nas%C4%B1l+gizlenir%3F&promo=force_neuro","text":"Daha fazla bilgi"}]},"feedbackProps":{"feature":"YazekaAnswers","baseProps":{"metaFields":{"yandexuid":"2019042081755322332","reqid":"1755322347159716-13374599653792072834-balancer-l7leveler-kubr-yp-klg-266-BAL"}},"positiveCheckboxLabels":[{"value":"Yanıtı çok beğendim"},{"value":"Yanıtta gerekli bilgiler var"},{"value":"Kolay anlaşılır"},{"value":"Diğer"}],"negativeCheckboxLabels":[{"value":"Uygunsuz veya aşağılayıcı yanıt"},{"value":"Soruma yanıt verilmedi"},{"value":"Bilgi hataları var"},{"value":"Bilgi yetersiz"},{"value":"Bilgi güncel değil"},{"value":"Görüntüleme hataları"},{"value":"Yanıtta kullanılan kaynaklar güvenilir değil"},{"value":"Bu soru için yanıt gerekmiyor"},{"value":"Diğer"}]},"dialogStoreProps":{"baseUrl":"","baseUrlWs":""},"globalStoreProps":{"imageBackendUrl":"https://yandex.com.tr/images-apphost/image-download?cbird=171","query":"","retina":false,"avatarId":"0","isHermione":false,"isMacOS":false,"tld":"com.tr","isEmbeddedFuturis":false,"isLoggedIn":false,"brand":"yazeka","reqId":"1755322347159716-13374599653792072834-balancer-l7leveler-kubr-yp-klg-266-BAL","device":{"isIOS":false,"platform":"desktop"}},"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"l2vew03-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"question"}}}}},"type":"neuro_library","subtype":"question"},"l2ve3":{"state":{"relatedMaterials":[{"favicons":["https://favicon.yandex.net/favicon/v2/https://css.sitesi.web.tr/css-display.html?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://kodlamavakti.com/css/display/?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://altug.design/bir-ogeyi-gizlemenin-3-yolu-html-css/?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://www.yazilimbilisim.net/web/html/div-gizleme/?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://www.yusufsezer.com.tr/javascript-gizle-goster/?size=16&stub=1"],"href":"/yacevap/c/teknoloji/q/html-de-arkadaki-ogeyi-nasil-gizlenir-2476853208","header":"HTML'de arkadaki öğeyi nasıl gizlenir?","teaser":"HTML'de arkadaki öğeyi gizlemek için `display: none;` veya `visibility: hidden;` özellikleri kullanılabilir. - `display: none;`: Öğeyi gizler ve sahip olduğu alan da sayfada gösterilmez. - `visibility: hidden;`: Öğeyi gizler, ancak önceki haliyle aynı alanı kaplar. Örnek CSS kodları: ```css .gizle { display: none; } .gosterme { visibility: hidden; } ```","tags":[{"href":"/yacevap/t/teknoloji","text":"#Teknoloji"},{"href":"/yacevap/t/programlama","text":"#Programlama"},{"href":"/yacevap/t/html","text":"#HTML"},{"href":"/yacevap/t/css","text":"#CSS"}]},{"favicons":["https://favicon.yandex.net/favicon/v2/https://taner.balikesir.edu.tr/dersler/BilisimTeknolojileri/HTMLtags.php?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://www.w3docs.com/Learn-html/html-tag.html?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://developer.mozilla.org/en-US/docs/Web/HTML/Comments?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://stackoverflow.com/questions/30130324/what-does-in-html-mean?size=16&stub=1","https://favicon.yandex.net/favicon/v2/https://tr.wikipedia.org/wiki/HTML?size=16&stub=1"],"href":"/yacevap/c/teknoloji/q/html-de-ne-ise-yarar-1062702226","header":"HTML'de\u003c!-- --> ne işe yarar?","teaser":"HTML'de `\u003c!-- -->` etiketi, yorum eklemek için kullanılır. Ayrıca, `\u003c!-- -->` etiketi, kısa süreli kod bloklarını gizlemek veya JavaScript gibi desteklenmeyen özellikleri devre dışı bırakmak amacıyla da kullanılabilir.","tags":[{"href":"/yacevap/t/teknoloji","text":"#Teknoloji"},{"href":"/yacevap/t/programlama","text":"#Programlama"},{"href":"/yacevap/t/html","text":"#HTML"},{"href":"/yacevap/t/kodlama","text":"#Kodlama"}]}],"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"l2vew04-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"related"}}}}},"type":"neuro_library","subtype":"related"},"l2ve4":{"state":{"tld":"com.tr","isIos":false,"isQuestionPage":true,"baobab":{"parentNode":{"context":{"genInfo":{"prefix":"l2vew05-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"ask_question"}}}}},"type":"neuro_library","subtype":"ask_question"},"l2ve5":{"state":{"generalLinks":[{"id":"privacy-policy","text":"Gizlilik politikası","url":"https://yandex.com.tr/legal/privacy_policy/"},{"id":"terms-of-service","text":"Kullanıcı sözleşmesi","url":"https://yandex.com.tr/legal/tos/"},{"id":"report-error","text":"Hata bildir","url":"https://forms.yandex.com.tr/surveys/13748122.01a6645a1ef15703c9b82a7b6c521932ddc0e3f7/"},{"id":"about-company","text":"Şirket hakkında","url":"https://yandex.com.tr/project/portal/contacts/"}],"copyright":{"url":"https://yandex.com.tr","currentYear":2025},"socialLinks":[{"url":"https://www.tiktok.com/@yandex.turkiye","type":"tiktok","title":"TikTok"},{"url":"https://www.youtube.com/@YandexTurkiye","type":"youtube","title":"Youtube"},{"url":"https://www.facebook.com/YandexComTr","type":"facebook","title":"Facebook"},{"url":"https://www.instagram.com/yandex__turkiye/","type":"instagram","title":"Instagram"},{"url":"https://x.com/yndxturkiye","type":"x","title":"X"}],"categoriesLink":[],"disclaimer":"Seçili sitelerdeki metinlere göre Yazeka tarafından oluşturulan yanıtlardır. Hatalar içerebilir. Önemli bilgileri kontrol ediniz.","baobab":{"parentNode":{"context":{"genInfo":{"prefix":"l2vew06-0-1"},"ui":"desktop","service":"neurolib","fast":{"name":"neuro_library","subtype":"footer"}}}}},"type":"neuro_library","subtype":"footer"}}