Как использовать секционные элементы HTML5. Использование трейтов в PHP Нормально ли section внутри div
). Каждый тэг {section} должен иметь пару {/section} . Обязательными параметрами являются name и loop . Имя цикла {section} может быть любым, состоящим из букв, цифр и знаков подчеркивания. Циклы {section} могут быть вложенными и имена вложенных {section} должны быть уникакльными между собой. Переменная loop (обычно - массив значений) определяет количество итераций цикла. При печати переменных внутри секции, имя секции должно быть указано рядом с именем переменной внутри квадратных скобок . {sectionelse} выполняется в том случае, если параметр loop не содержит значений.
Имя атрибута | Тип | Обязателен | По умолчанию | Описание |
---|---|---|---|---|
name | string | Да | n/a | Название секции |
loop | mixed | Да | n/a | Значение, определяющее количество итераций цикла. |
start | integer | Нет | 0 | Индекс позиции, с которой будет начинаться цикл. Если значение отрицательное, то начальная позиция вычисляется от конца массива. Например, если в переменной цикла 7 элементов и значение атрибута start равно -2, то начальный индекс будет 5. Неверные значения (значения, вне массива) автоматически обрезаются до ближайшего верного значения. |
step | integer | Нет | 1 | Значение шага, которое используется для прохода по массиву. Например, step=2 указывает обход массива по элементам 0,2,4... Если шаг отрицателен, то обход массива будет производится в обратном направлении. |
max | integer | Нет | 1 | Максимальное количество итераций цикла. |
show | boolean | Нет | true | Указывает, показывать или нет эту секцию |
Note
Начиная с версии Smarty 1.5.0, синтаксис переменных свойств сессий был изменен с {%sectionname.varname%} на {$smarty.section.sectionname.varname}. Старый синтаксис всё ещё поддерживается, но вы увидите лишь примеры нового синтаксиса.
index используется для отображения текущего индекса массива, начиная с нуля (или с атрибута start, если он был указан) и увеличиваясь на единицу (или на значение атрибута step, если он был указан).
Техническое Замечание
Если атрибуты step и start не указаны, то index аналогичен атрибуту секции iteration, кроме того, что начинается с 0, а не с 1.
iteration используется для отображения текущего номера итерации цикла.
Note
Это значение не зависит от свойств start, step и max, в отличие от свойства index . Кроме того, итерации начинаются с единицы, а не с нуля, как индексы. rownum - это синоним к свойству iteration, они работают одинаково.
Example 7.38. свойство {section} iteration
assign("custid",$id);
?>
{section name=cu loop=$custid start=5 step=2}
iteration={$smarty.section.cu.iteration}
index={$smarty.section.cu.index}
id={$custid}
{/section}
Результат выполнения данного примера:
Iteration=1 index=5 id=3005
iteration=2 index=7 id=3007
iteration=3 index=9 id=3009
iteration=4 index=11 id=3011
iteration=5 index=13 id=3013
iteration=6 index=15 id=3015
Этот пример использует свойство iteration для вывода заголовка таблицы через каждые пять строчек (использует {if} с оператором mod - остаток от деления).
Name> | Home | Cell | ||
---|---|---|---|---|
view | {$contacts.name} | {$contacts.home} | {$contacts.cell} | {$contacts.email} |
Минимизация дублирования кода за счет лучшей организации и повторного использования является важной целью объектно-ориентированного программирования. Но в PHP иногда возникают сложности - из-за ограничений используемой модели единого наследования у вас могут быть некоторые методы, которые вы хотели бы использовать в нескольких классах, но они могут плохо вписываться в иерархию наследования.
Языки, подобные C++ и Python , позволяют нам наследоваться от нескольких классов, которые в какой-то мере решают эту проблему, а mixins в Ruby позволяет смешивать функциональность одного или нескольких классов без использования наследования. Но множественное наследование имеет свои проблемы.
В этой статье я расскажу о трейтах в php - новую функциональность, представленную в PHP 5.4 для решения таких проблем. Понятие самих трейтов не является чем-то новым для программирования и используется в других языках, таких как Scala и Perl . Они позволяют нам повторно использовать код через независимые классы в разных иерархиях.
Что представляет трейт
Трейт похож на абстрактный класс, который не может быть создан сам по себе (хотя чаще он сравнивается с интерфейсом). Документация PHP определяет трейты следующим образом:
Трейты - это механизм повторного использования кода в отдельных языках, таких как PHP. Трейт предназначен для преодоления некоторых ограничений одиночного наследования, позволяя разработчику свободно использовать множество методов в нескольких независимых классах, находящихся в разных иерархиях.
Рассмотрим пример:
Class DbReader extends Mysqli {}
Class FileReader extends SplFileObject {}
Все будет хорошо до тех пор, пока нам не станет необходимо использовать общую функциональность для этих классов. Конечно, мы можем написать один и тот же кусок кода два раза, но это отнюдь не хорошая практика.
Допустим, оба класса должны быть синглтонами. Поскольку PHP не поддерживает множественное наследование, каждый класс должен будет реализовать необходимый код для поддержки шаблона Singleton . Трейты предлагают решение именно такого рода проблем.
Trait Singleton
{
private static $instance;
Public static function getInstance() {
if (!(self::$instance instanceof Singleton)) {
self::$instance = new self;
}
return self::$instance;
}
}
Class DbReader extends ArrayObject
{
use Singleton;
}
Class FileReader
{
use Singleton;
}
Трейт Singleton содержит реализацию шаблона Singleton со статическим методом getInstance() , который создает объект класса с использованием этого трейта (если он еще не создан) и возвращает его.
Попробуем создать объекты этих классов с помощью метода getInstance() .
$a = DbReader::getInstance();
$b = FileReader::getInstance();
Var_dump($a); //object(DbReader)
var_dump($b); //object(FileReader)
Мы можем видеть, что $a является объектом DbReader , а $b является объектом FileReader , но оба теперь ведут себя как объекты реализующие шаблон Singleton . Метод от класса Singleton был введен в классы, использующие его трейт.
Трейты не налагают никакой дополнительной семантики на класс. В некотором роде вы можете думать об этом как о механизме копирования и вставки на уровне интерпретатора PHP , где методы этого признака копируются в класс компоновки.
Если мы просто расширим класс DbReader из родителя со скрытым свойством $instance , свойство не будет отображаться в дампе ReflectionClass::export() .
Использование нескольких трейтов
До сих пор мы использовали только один трейт, но в некоторых случаях нам может потребоваться включить в класс функциональность более чем одного трейта.
Trait Hello
{
function sayHello() {
echo "Hello";
}
}
Trait World
{
function sayWorld() {
echo "World";
}
}
Class MyWorld
{
use Hello, World;
}
$world = new MyWorld();
echo $world->sayHello() . " " . $world->sayWorld(); //Hello World
Здесь у нас есть два трейта: "Привет" и "Мир". Трейт Hello может только сказать "Привет", а трейт World может сказать "Мир". В классе MyWorld мы применили Hello и World , чтобы объект MyWorld получал методы от обоих черт и мог сказать "Hello World".
В одной из следующих статей мы продолжим обсуждать трейты. А сегодня на этом все. Спасибо за внимание!
Из данной статьи вы узнаете как можно построить навигационную цепочку зная один лишь символьный код раздела.
Как по символьному коду раздела построить хлебные крошки в Битриксе
Перед прочтением данной статьи советую почитать Как добавить в хлебные крошки название . Прочитали? Тогда идем дальше.
В старых компонентах бывали случаи, когда в массиве хранится только символьный код раздела. Данная переменная называлась .
Если на вашем сайте символьные коды разделов уникальны (что рекомендуется всегда выставлять в настройках инфоблока), то проблем не будет. Для начала находим файл section.php вашего компонента.
$rsSect = CIBlockSection::GetList(array(), array("IBLOCK_ID" => $arParams["IBLOCK_ID"], "=CODE" => $arResult["VARIABLES"]["SECTION_CODE"]), false, array("ID", "NAME", "UF_TEXT_TOP", "DEPTH_LEVEL", "SECTION_PAGE_URL")); if ($arSect = $rsSect->GetNext()) { $SEC_LVL = $arSect["DEPTH_LEVEL"]; $SEC_NAME = $arSect["NAME"]; $SEC_URL = $arSect["SECTION_PAGE_URL"]; }
Обратите внимание на строчку ‘=CODE’ => $arResult[‘VARIABLES’][‘SECTION_CODE’] . Также, мы используем if , вместо привычного цикла while, т.к. нам нужны данные только по одному разделу.
Записываем 3 переменные, которые нам понадобятся:
— уровень вложенности, DEPTH_LEVEL
— имя, NAME
— ссылка на раздел, SECTION_PAGE_URL
ВАЖНО . Перед следующим этапом отключите в своем компоненте настройку «добавлять раздел\инфоблок в цепочку навигации»
В самом конце файла section.php добавляем код:
if ($SEC_LVL >= 2) { $rsSect = CIBlockSection::GetList(array(), array("IBLOCK_ID" => $arParams["IBLOCK_ID"], "=CODE" => $arResult["VARIABLES"]["SECTION_CODE"]), false, array("ID", "NAME", "SECTION_PAGE_URL")); while ($arSect2 = $rsSect->GetNext()) { if (strstr($curSectionURL, $arSect2["SECTION_PAGE_URL"])) { $SEC_NAME = $arSect2["NAME"]; $SEC_URL = $arSect2["SECTION_PAGE_URL"]; break; } } $result = array(); $ibsTreeResource = CIBlockSection::GetNavChain(false, $arSect2["ID"], array("ID", "NAME")); $c = 0; while($sectionItem = $ibsTreeResource->Fetch()){ $result[$c]["NAME"] = $sectionItem["NAME"]; $res = CIBlockSection::GetByID($sectionItem["ID"]); if($ar_res = $res->GetNext()) { $url = $ar_res["SECTION_PAGE_URL"]; } $result[$c]["URL"] = $url; $c++; } foreach ($result as $arItem) { $APPLICATION->AddChainItem($arItem["NAME"], $arItem["URL"]); } } else { $APPLICATION->AddChainItem($SEC_NAME, $SEC_URL); } ?>
При помощи CIBlockSection::GetNavChain выстраиваем полный путь до родительского раздела (если это подраздел), и добавляем через цикл в цепочку навигации Название и Ссылку . Если эже это раздел 1-го уровня, то просто добавляем его Название и Ссылку .
Например, наш код равен armstrong
. Полученный результат выглядит приблизительно следующим образом:
Каталог
/ Офисные светодиодные светильники
/ Светильники Армстронг
URL при этом имеет вид:
/catalog/ofisnye-svetilniki/armstrong/
Ссылка на Каталог проставляется сама.
Офисные светодиодные светильники — это главный раздел.
Светильники Армстронг — раздел, в котором мы сейчас находимся. Компонент хлебных крошек не ставит ссылку на него.
Вот и всё, надеюсь у вас всё получилось:). ПС код не идеален и применялся для старых проектов, его можно улучшить.
Данный материал является вольным переводом статьи:
Ire Aderinokun SECTIONING CONTENT IN HTML5 - DIV OR SECTION OR ARTICLE?
HTML5 стал важной ступенькой для концепции семантического кода. Он отстаивает идею, что документ должен быть структурирован и используемые вами теги должны передавать смысл.
Помимо прочего, теги Элемент Элемент
Text goes here Элемент Главное правило заключается в том, что элемент section уместно использовать только тогда, когда его содержимое может быть явно сгруппировано. Поскольку содержимое тега
Тег Цель тега
Quae similitudo in genere etiam humano apparet. Est, ut dicis, inquam... Если содержимое не является семантически связанным, стоит использовать Попытаемся объединить различные элементы вместе. Элементы article можно вкладывать друг в друга. И хотя они по прежнему являются самодостаточными, предполагается, что содержимое внутреннего
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Мы можем так же несколько тегов
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Каждый индивидуальный тег
The div element is the most general purpose element. Семантические элементы HTML5
доступно описывают свой смысл или назначение как для браузеров, так и для веб-разработчиков. Стандарт HTML5 предоставил новые элементы для структурирования, группировки контента и разметки текстового содержимого. Новые семантические элементы позволили улучшить структуру веб-страницы, добавив смысловое значение заключенному в них содержимому (было Согласно спецификации HTML5 каждый элемент принадлежит к определенной (ноль или более) категории. Каждая из них группирует элементы со схожими характеристиками. Выделяют следующие общие категории: Категории контента:
потоковое содержимое.
Элемент Категории контента:
В качестве элементов панели навигации можно использовать не только элементы списков:
... Также можно добавлять заголовки внутрь элемента:
Категории контента:
потоковое содержимое, секционное содержимое.
Категории контента:
потоковое содержимое, секционное содержимое.
Можно создавать родительские элементы
Категории контента:
потоковое содержимое, секционное содержимое.
Категории контента:
потоковое содержимое. В одном веб-документе может быть несколько элементов
Категории контента:
потоковое содержимое. Категории контента:
потоковое содержимое. Элемент
Категории контента:
потоковое содержимое, корневое секционное содержимое.
Элемент Элемент Категории контента:
Чтобы дата могла считываться автоматически, она должна быть в формате YYYY-MM-DD . Время, которое также может указываться, задается в формате HH:MM с добавлением разделяющего префикса T (time): Категории контента:
потоковое содержимое, текстовое содержимое. Категории контента:
потоковое содержимое, текстовое содержимое. Категории контента:
потоковое содержимое, текстовое содержимое. Категории контента:
потоковое содержимое, текстовое содержимое. Элементы Элемент Обзор элементов
DIV
Modal Title
SECTION
Subscribe to the Newsletter
ARTICLE
Article Title
DIV или SECTION или ARTICLE?
Так какой из тегов когда нужно использовать?
Комбинирование элементов
Article в article
Article Title
Another Article
Article в section
Latest Blog Posts
Blog Post Title
Blog Post Title
Section в article
Sectioning Content in HTML5 - div or section or article?
Overview of the Elements
div
До появления стандарта HTML5 вся разметка страниц осуществлялась преимущественно с помощью элементов Описание HTML5-элементов
1. Элемент
Группирует вводные и навигационные элементы, не является обязательным. Может содержать заголовки, оборачивать содержание раздела страницы, форму поиска или логотип. В HTML-документе может содержаться одновременно несколько элементов Site description
2. Элемент
Предназначен для создания блока навигации веб-страницы или всего веб-сайта, при этом не обязательно должен находиться внутри ...
3. Элемент
Используется для группировки записей — публикаций, статей, записей блога, комментариев. Представляет собой независимый обособленный блок, предназначенный для многократного использования, как правило, начинается с заголовка. Может дублироваться на других страницах сайта и содержать внутри другие элементы ...
4. Элемент
Элемент представляет собой универсальный раздел документа. Группирует тематическое содержимое и обычно содержит заголовок. Не является блоком-оберткой, для этих целей уместнее использовать элемент ...
...
...
Заметки о природе
...
...
Исторические заметки
...
...
5. Элемент
Группирует содержимое, связанное с окружающим его контентом напрямую, но которое можно счесть отдельным (т.е., удаление этого блока не повлияет на понимание основного содержимого)
. Чаще всего элемент позиционируется как боковая колонка (как в книгах) и включает в себя группу элементов: 6. Элемент
Представляет собой нижний колонтитул содержащей его секции или корневого элемента. Обычно содержит информацию об авторе статьи, данные о копирайте и т.д. Если используется как колонтитул всей страницы, содержимое дополняется сведениями об авторских правах, ссылками на условия использования, контактную информацию, ссылками на связанное содержимое и т.п.7. Элемент
Используется для определения контактной информации автора/владельца документа или статьи. Для обозначения автора документа тег размещают внутри элемента 8. Элемент
Элемент Пудель
О породе
9. Элемент
Элемент 10. Элемент
11. Элемент
Определяет время (24 часа) или дату по григорианскому календарю с возможным указанием времени и смещения часового пояса. Текст, заключенный в данный тег, не имеет стилевого оформления браузером. Для тега доступен атрибут datetime , в качестве содержимого которого указывается то, что будет видеть пользователь на экране своего компьютера:12. Элемент
Текст, помещенный внутрь тега , выделяется по умолчанию желтым цветом (цвет фона и цвет шрифта в выделенном блоке можно изменить, задав определенные css-стили). С помощью данного тега можно отмечать важное содержимое, а также ключевые слова.13. Элемент
Отделяет фрагмент текста, который должен быть изолирован от остального текста для двунаправленного форматирования текста. Используется для текстов, написанных одновременно на языках, читающихся слева направо и справа налево.14. Элемент
Одиночный тег, показывает браузеру место, где можно добавить разрыв длинной строки в случае необходимости.15. Элементы для описания Восточно-Азиатских символов
Элемент позволяет помечать один и более элементов категории текстовое содержимое с помощью ruby-аннотации. Ruby-аннотация используется в преимущественно в Восточно-Азиатской типографики как руководство по произношению или для включения других характеристик. Элемент может содержать:
— один и более текстовых узлов или элементов
— один и более элементов
Элемент