Category and subcategory in html

Несколько других элементов, которые тоже принадлежат к этому типу, но требуют определённых условий:

Секционный контент

Подобные элементы создают секции (блоки) в текущей структуре документа, определяющие область действия заголовочного контента и элементов и

К этой категории принадлежат элементы , , и .

Примечание: Не стоит путать данную модель контента с категорией корня задания разделов, которая изолирует своё содержимое от обычной структуры.

Заголовочный контент

Заголовочный контент задаёт заголовок секции, явно отмеченной структурным элементом или неявно – самим заголовочным.

Данной категории принадлежат такие элементы, как (en-US), (en-US), (en-US), (en-US), (en-US), (en-US) и .

Фразовый контент

Фразовый контент определяет текст и его формат. Серии фразового контента образуют параграфы.

Ещё несколько элементов входят в данную категорию при соблюдении особых условий:

Встроенный контент

Встроенный контент импортирует в документ другой ресурс или вставляет содержимое на другом языке разметки или принадлежащее другому пространству имён. Элементами данной категории являются: , , , (en-US), , , (en-US), , .

Интерактивный контент

К интерактивному контенту относятся элементы, который специально разработаны для взаимодействия с пользователем. В данную категорию входят , , , , (en-US), Устарело , , и (en-US). Некоторые элементы считаются интерактивным контентом только при соблюдении определённых условий:

• , если указан атрибут controls
• , если указан атрибут usemap
• , если атрибут type не скрыт
• , если атрибут type имеет значение toolbar
• (en-US), если указан атрибут usemap (en-US)
• , если указан атрибут controls

Явный контент

Контент считается явным, когда он не скрыт и не является пустым, это контент, который отображён и предметен. У элементов потокового или фразового контента должен быть хотя бы один явный узел.

Контент форм

Контент форм включает в себя элементы, у которых есть владелец формы, обозначенный атрибутом form. Владельцем формы является либо элемент , либо элемент, id которого указан в атрибуте form.

Данная категория включает несколько подкатегорий:

Элементы, которые могут использоваться для построения набора данных формы при отправке на сервер. Включают , , Устарело , (en-US), и (en-US).

Элементы, которые могут быть затронуты при сбросе данных формы. Включают , Устарело , , и (en-US).

Вторичные категории

Существуют некоторые вторичные классификации элементов, о которых тоже полезно знать.

Элементы поддержки скриптов

Элементы поддержки скриптов – это элементы, которые напрямую не влияют на отрисовку документа. Вместо этого они служат для внедрения скриптов, путём либо содержания кода скрипта напрямую, либо указания данных, которые будут использованы скриптами.

Элементами поддержки скриптов являются:

Прозрачная модель контента

Если элемент обладает прозрачной моделью контента, его содержимое должно быть структурировано таким образом, чтобы оно оставалось валидным HTML5, даже при удалении прозрачного элемента или заменой его на дочерние элементы.

Мы почитаем следующие истины священными & неоспоримыми само собой разумеющимися.
 

Если удалить эти элементы, данный фрагмент всё равно будет представлять собой валидный HTML.

Мы почитаем следующие истины священными & неоспоримыми само собой разумеющимися.
 

Прочие модели контента

Found a content problem with this page?

This page was last modified on 21 июн. 2023 г. by MDN contributors.

Your blueprint for a better internet.

Источник

How to Create Category and Subcategory in PHP

Hello Developers, I have shared the best tutorial to learn about displaying categories and subcategories on web pages. In Most projects, you need to create a Dynamic category and subcategory in PHP using MySQL. But you don’t know the simple way to implement it. So, Don’t worry, you will get the best & simple script to use in your projects.

As you know that a category is created in another category is called nested or child or subcategory. So, you need to care about its relationship. Every subcategory is always created with the id of the parent category. So, I will write the PHP MySQL Scrip with this concept.

Dynamic Category and Subcategory in PHP Using MySQL

You have to go through the following steps to understand and create categories and subcategories in PHP and MySQL. Therefore you must not skip any one of the given points.

1. Configure Basic Requirement

First of all, you should have to create the following folder structure for testing purposes. Otherwise, you can directly use the given script in your project.

myproject/ |__catsubcat-form.php |__catsubcat-script.php |__database.php |__style.css

Create a table with the name of categories in PHPMyAdmin.

CREATE TABLE `categories` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT 0, `category_name` varchar(255) DEFAULT NULL, ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Create another table with the name of subcategories in PHPMyAdmin

Table Name – subcategories

CREATE TABLE `subcategories` ( `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT, `parent_id` int(10) DEFAULT 0, `subcategory_name` varchar(255) DEFAULT NULL, )

Write the script to connect PHP to MYSQL Database.

2. Create a category and subcategory Form

• Write the HTML code to create the category form.
• Now, Write the HTML code to create a subcategory form.
• You have to write the HTML code to create a category and subcategory list to open those forms.

File Name – catsubcat-form.php

3. Create Category and Subcategory in PHP

To create category and subcategory, you have to use the following functions –

• create_category($conn) can insert category data into the database
• create_subcategory($conn) can insert subcategory data into the database
• fetch_categories($conn) can fetch category data from the database
• fetch_subcategories($conn,$parent_id) can fetch subcategory data from the database
• legal_input($value) can validate category and subcategory data before inserting it into the database

File Name – catsubcat-script.php

 if(isset($_POST['addsubcat'])) < $msg=create_subcategory($conn); >function create_category($conn)< $category_name= legal_input($_POST['category_name']); $query=$conn->prepare("INSERT INTO categories (category_name) VALUES (?)"); $query->bind_param('s',$category_name); $exec= $query->execute(); if($exec)< $msg=" Category was created successfully"; return $msg; >else< $msg= "Error: " . $query . "
" . mysqli_error($conn); > > function create_subcategory($conn)< $parent_id= legal_input($_POST['parent_id']); $subcategory_name= legal_input($_POST['subcategory_name']); $query=$conn->prepare("INSERT INTO subcategories (parent_id,subcategory_name) VALUES (. )"); $query->bind_param('is',$parent_id,$subcategory_name); $exec= $query->execute(); if($exec)< $msg="Subcategory was created sucessfully"; return $msg; >else< $msg= "Error: " . $query . "
" . mysqli_error($conn); > > // fetch query $catData=fetch_categories($conn); function fetch_categories($conn)< $parent_id=0; $query = $conn->prepare('SELECT * FROM categories WHERE parent_id=?'); $query->bind_param('i',$parent_id); $query->execute(); $exec=$query->get_result(); $catData=[]; if($exec->num_rows>0)< while($row= $exec->fetch_assoc()) < $catData[]=[ 'id'=>$row['id'], 'parent_id'=>$row['parent_id'], 'category_name'=>$row['category_name'], 'subcategories'=>fetch_subcategories($conn,$row['id']) ]; > return $catData; >else < return $catData=[]; >> // fetch query function fetch_subcategories($conn,$parent_id)< $query = $conn->prepare('SELECT * FROM subcategories WHERE parent_id=?'); $query->bind_param('i',$parent_id); $query->execute(); $exec=$query->get_result(); $subcatData=[]; if($exec->num_rows>0)< while($row= $exec->fetch_assoc()) < $subcatData[]=[ 'id'=>$row['id'], 'parent_id'=>$row['parent_id'], 'subcategory_name'=>$row['subcategory_name'], ]; > return $subcatData; >else < return $subcatData=[]; >> // convert illegal input to legal input function legal_input($value) < $value = trim($value); $value = stripslashes($value); $value = htmlspecialchars($value); return $value; >?>

Don’t forget to include the database connection file database.php in the above file.

This PHP script can work to create any kind of category and subcategory view. You need not change anything into its script. But you can change the table name based on your project.

4. Display category and subcategory

Now, we have to display category and subcategory data in the HTML list. So you will have to follow the below points –

• First of all, include script file category-script.php
• Create an HTML unordered list
• Print category and subcategory by running $catData with a foreach loop

File Name – catsubcat-list.php

My Suggestion

I have shared an example to create a category and subcategory in PHP. Now, you can easily create more than two-level categories with the same concept. If you have any questions, ask me through the below box.

You can learn more PHP Coding in the blog. I will share more web technology coding tutorials in the best and simple way. So, continue to visit my website.

Related posts:

Hey there, Welcome to CodingStatus. My Name is Md Nurullah from Bihar, India. I’m a Software Engineer. I have been working in the Web Technology field for 4 years. Here, I blog about Web Development & Designing. Even I help developers to build the best Web Applications.

Источник