Iām not sure about ācorrectlyā, because some of the terminology youāre using is your own.
An HTML table is one which uses table tags: <table>, <tr>, <td> etc.
CSS table layout uses display:table, etc. to emulate the way that an HTML table behaves in layout. Itās useful when you want non- tabular data to appear in a grid format.
An example of tabular data, correctly marked up as an HTML table:
There is a relationship between the information in the rows and columns.
An example of non-tabular data in a grid format, which should not be marked up using HTML tables, but could correctly be achieved using CSS table layout:
Well, Iāve given you the correct terminology, so you can adjust your descriptions accordingly, should you wish. (I presume you are labelling these for your own reference,)
Surely you can look at the code and decide whether itās using HTML table tags or CSS table layout, or inline or external styles, just as well as anybody else. Itās just a case of looking at the code and checking it against my definitions. If you then think your current title is inaccurate, improve it; if not, leave it.
Both 6 and 7 do. They are just 2 ways of describing the same thing.
When I say āDisplay Tableā I am referring to the use of the CSS property display: table which is of course used in conjunction with other values applied to the display proerty, like table-row and table-cell. This creates a ātable-likeā layout using CSS and therefore may also be described as a āCSS Tableā.
It is in fact not a table becuse it does not employ the HTML <table> element and does not contain tabular data. It just resembles the appearance and behaviour of a table.
HTML for Content and Structure CSS for Visual Appearance
Add a class if you need to differentiate that table form other tables. If all tables will have the same css rules, you can leave out the class and use the table element in the css selector.
table {}
But, you should not be using the html table element to display non-tabular data, it is not a layout tool, it is a way of containing data, html elements have nothing to do with visual appearance.
The <table> element represents data with more than one dimension, in the form of a table.
Tables must not be used as layout aids. There are a variety of alternatives to using HTML tables for layout, primarily using CSS positioning and the CSS table model.
To add to what @sama74 has said, I would not use ātableā as a class name, not because itās a reserved word or anything, but because if you need a class to differentiate the table from others, youād be better giving it the name of something that indicates what the content of the table is. So for example, if you have a table full of football results, you might use <table class="football_results">. That way, when youāre working in your CSS file, or perhaps more importantly if someone else is, there is no misunderstanding about which tableās styling is being adjusted.
Iām not sure how many more ways I can find to say āuse <table> if you are creating a table of related data; do not use <table> if you are simply trying to control the page layoutā.