شرح صفوف ومحتوى الفقرة
لتجهيز الهيكل المعماري القياسي لصفحة موقع متكامل، نمنح كل عنصر دلالي صنفاً مسطحاً بسيطاً يسند إليه اسماً واضحاً عبر خاصية grid-area مرة واحدة فقط. لاحظ أن هذه الأصناف الخمسة لا تحتوي على أي عرض أو رقم عمود أو استعلام وسائط، بل تعرّف هوية كل منطقة فحسب (header وnav وmain وaside وfooter):
CSS
.area-header { grid-area: header; }
.area-nav { grid-area: nav; }
.area-main { grid-area: main; }
.area-aside { grid-area: aside; }
.area-footer { grid-area: footer; }