<aside> tegini HTML da ishlatganingizda, u brauzerda biror bir ajralib turadigan hususiyat bilan ko'rinmaydi. Unga CSS da ishlov berib chiqishingiz kerak. Shu o'rinda savol paydo bo'ladi??? "Baribir CSS da ishlov beraman ekan, <aside> tegini ishlatmasdan qilsam nima bo'ladi? Hech nima o'zgarmaydiku..." Albatta <aside> tegini ishlatmasangiz ham natija bir hil chiqaveradi lekin, siz biror bir saytni bitirdingiz va uni bir qator qidiruv tizimlariga joyladingiz. Agar siz <aside> tegini ishlatgan bo'lsangiz brauzer uni tez tahlil qiladi va ko'proq foydalanuvchiga tavsiya qilishi mumkin. Shunga o'hshash yana bir qator teglar ham bor. Masalan : <nav>, <header>, <footer>. Bundaylardan yana bor va ular shunchaki ishlab chiqarilmagan. Bu orqali siz saytingizni sifatli bo'lishini ta'minlaysiz.
Maslahat: Kontent <aside> ko'pincha hujjatda yon panel sifatida joylashtiriladi.Hozir amaliyotda sinab ko'ramiz. ( ozgina CSS ham ishlatamiz )
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blogpost</title>
<link rel="stylesheet" href="./css/style.css">
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>Aside tegi haqida batafsil bilib oling</h1>
<p>Men zamonaviy kasblardan biri bo'lgan vebdasturlashni <b>UzbekDevs</b> da o'rganyapman</p>
<aside>
<p><b>UzbekDevs</b> da hamma zamonaviy kasb yo'nalishlari bo'yicha maxsus kurslar mavjud ekan. Eng asosiysi kurslarning barchasi bepul...</p>
</aside>
<p>Bizning bepul ta'lim olishimizni o'ylab sifatli bepul darslarni taqdim etayotgani uchun <b>UzbekDevs</b> jamoasiga alohida minnatdorchiligimni bildiraman</p>
<p>uzbekdevs.uz saytida hoziroq zamonaviy kasbllarni bepul va sifatli tarzda o'rganishni boshlang. Bunaqasi hali bo'lmagan.</p>
</body>
</html>
Brauzerni qo'llab-quvvatlash
Quyidagi jadvalda brauzerlarni qanday versiyalarida <aside> tegi ishlashi ko'rsatilgan.
