Saya hanya ingin tahu mengapa <center>
tag dalam HTML tidak digunakan lagi.
Itu <center>
adalah cara sederhana dengan cepat menyelaraskan blok teks dan gambar dengan merangkum wadah dalam <center>
tag, dan saya benar-benar tidak dapat menemukan cara yang lebih sederhana tentang cara melakukannya sekarang.
Adakah yang tahu cara sederhana bagaimana memusatkan "barang" (bukan margin-left:auto; margin-right:auto;
benda lebar), sesuatu yang menggantikan <center>
? Dan juga, mengapa itu ditinggalkan?
sumber
margin
dantext-align
tidak memusatkan elemen saya di IE, tetapi membungkusnya dengan<center>
berhasil ... Saya akan mencoba untuk menemukan contoh.display: block;
pada elemen inline.Menurut W3Schools.com ,
The HTML 4.01 spesifikasi memberi alasan ini untuk mencela tag:
sumber
Apa yang saya lakukan adalah mengambil tugas-tugas umum seperti memusatkan atau mengambang dan membuat kelas CSS dari mereka. Ketika saya melakukan itu, saya bisa menggunakannya di seluruh halaman. Saya juga dapat memanggil sebanyak yang saya inginkan pada elemen yang sama.
Sekarang saya dapat menggunakannya dalam kode HTML saya untuk melakukan tugas-tugas sederhana.
sumber
Saya masih menggunakan tag <center> kadang-kadang karena tidak ada dalam CSS yang berfungsi dengan baik. Contoh mencoba menggunakan trik <div> dan gagal:
<center> mendapat hasil. Untuk menggunakan CSS sebagai gantinya, Anda terkadang harus meletakkan CSS di beberapa tempat dan mengacaukannya untuk membuatnya tepat di tengah. Untuk menjawab pertanyaan Anda, CSS telah menjadi agama dengan orang-orang percaya dan pengikut yang menghindari <pusat> <b> <i> <u> sebagai penghujatan, tidak suci, dan terlalu sederhana demi keamanan pekerjaan mereka sendiri. Dan jika mereka mencoba untuk mengambil <tabel> Anda, tanyakan kepada mereka apa yang setara dengan CSS dari atribut colspan atau rowspan.
Bukan kebenaran abstrak atau kutu buku, tetapi kebenaran yang hidup yang diperhitungkan.
- Zen
sumber
display:flex; justify-content:center; text-align:center
Anda masih dapat menggunakan ini dengan XHTML 1.0 Transitional dan HTML 4.01 Transitional jika Anda suka. Satu-satunya cara lain (cara terbaik, menurut saya) adalah dengan margin:
HTML Anda harus mendefinisikan elemen, bukan mengatur presentasinya.
sumber
Ini dimaksudkan agar markup, yaitu tag HTML, mewakili makna dan struktur, bukan penampilan. Itu dicampuradukkan dalam versi awal HTML tetapi standar orang mencoba untuk membersihkannya sekarang.
Satu masalah dengan membiarkan tag mengontrol tampilan adalah bahwa halaman Anda tidak cocok dengan perangkat untuk orang cacat, seperti pembaca layar. Ini juga menyebabkan memiliki banyak dan banyak tag dalam teks Anda yang tidak membantu memperjelas artinya, tetapi mengacaukannya dengan informasi dari tingkat yang berbeda.
Jadi CSS dipikirkan untuk memindahkan pemformatan / tampilan ke bahasa yang berbeda, yang terpisah dari teks dan dapat dengan mudah disimpan seperti itu. Antara lain, ini memungkinkan beralih stylesheet untuk mengubah tampilan halaman web tanpa menyentuh markup lainnya. Dan untuk dapat melakukan itu untuk banyak halaman dalam satu gelombang besar.
Alat CSS memberi Anda untuk melakukan ini tidak selalu elegan, saya di pihak Anda di sana. Misalnya, tidak ada cara untuk melakukan pemusatan vertikal yang efektif. Dan pemusatan horizontal, jika bukan hanya teks yang bisa diterima
text-align
, tidak jauh lebih baik.Anda memiliki pilihan untuk melakukan hal yang mudah, efektif dan kacau atau bersih, elegan dan rumit. Saya tidak mengerti mengapa pengembang Web tahan dengan kekacauan ini, tapi saya kira mereka senang setidaknya memiliki kesempatan untuk menyelesaikan pekerjaan mereka.
sumber
HTML dimaksudkan untuk menyusun data, bukan mengendalikan tata letak. CSS dimaksudkan untuk mengontrol tata letak. Anda juga akan menemukan bahwa banyak desainer tidak suka menggunakan
<table>
tata letak karena alasan yang sama.sumber
Untuk teks dan gambar, Anda dapat menggunakan
text-align
:sumber
CSS memiliki
text-align: center
properti, dan karena ini murni hal visual, bukan semantik, ia harus diturunkan ke CSS, bukan HTML.sumber
text-align
akan menyelaraskan isi wadah, bukan wadah itu sendiritext-align: center
pada elemen induknya.<center>
melakukan keduanya . Sangat luas.Makanan untuk dipikirkan: apa yang akan dilakukan synthesizer text-to-speech
<center>
?sumber
Anda dapat menambahkan ini ke css Anda dan gunakan
<div class="center"></div>
atau jika Anda ingin menyimpan
<center></center>
dan bersiap-siap jika itu pernah dihapus, tambahkan ini ke css Andasumber
Jawaban Populer Paling Tidak
center
adalah salah satu dari mereka;center
tag tidak sama sebagai div dengantext-align:center
;Izinkan saya menjelaskan karena ada downvoter terkenal di sini yang akan berpikir saya membela oldschool HTML4 atau sesuatu. Tidak, bukan aku. Tapi perdebatan sekitar
center
hanyalah perang tren, tidak ada alasan nyata untuk membuang tag yang melayani tujuan yang valid dengan baik.Jadi mari kita lihat argumen utama yang menentangnya.
"Itu menggambarkan presentasi, bukan semantik!"
Tidak. Ini menggambarkan pengaturan logis - dan ya memiliki tampilan default, seperti halnya tag lain suka
<p>
atausuka<ul>
. Tetapi intinya adalah hubungan bagian terlampir dengan lingkungannya. Center mengatakan "ini adalah sesuatu yang kami pisahkan dengan pemosisian yang berbeda secara visual"."Itu tidak sah"
Ya itu. Itu hanya ditinggalkan, seperti dalam, bisa dihapus nanti . Selama 15+ tahun sekarang. Dan itu tidak ke mana-mana, rupanya. Ada situs utama yang menggunakan tag ini karena sangat mudah dibaca dan to the point.
"Itu tidak didukung di HTML5"
Sebenarnya ini salah satutag yangpaling banyak didukung .
"Ini oldschool"
Tali sepatu juga oldschool. Metode baru tidak membatalkan yang lama. Anda ingin merasa progresif dan modern: baik. Tapi jangan membuatnya menjadi hukum.
"Ini bodoh / canggung / lumpuh / menceritakan sebuah cerita tentang Anda"
Tak satu pun dari ini. Ini seperti palu: satu alat untuk pekerjaan tertentu. Ada alat lain untuk pekerjaan yang sama dan pekerjaan lain untuk alat yang sama; tetapi itu diciptakan untuk memecahkan masalah tertentu dan masalah itu masih ada sehingga kami mungkin hanya menggunakan solusi khusus.
"Anda seharusnya tidak melakukan ini, karena, CSS"
Pemusatan dapat benar-benar dicapai oleh CSS tetapi itu hanya satu cara, bukan satu-satunya, apalagi satu-satunya yang sesuai . Apa pun yang didukung, berfungsi, dan dapat dibaca harus boleh digunakan.
TL; DR:
sumber