qdoc: Fixed some validation errors in the DITA files

11 instances of raw-html remain.

7 files changed, 45 insertions, 45 deletions

diff --git a/doc/src/declarative/positioners.qdoc b/doc/src/declarative/positioners.qdoc
index d97acbd..26631a6 100644
--- a/doc/src/declarative/positioners.qdoc
+++ b/doc/src/declarative/positioners.qdoc
@@ -53,7 +53,7 @@ graphical elements:
 
 \section2 Column
 
-\div{float-right}
+\div {class="float-right"}
 \inlineimage qml-column.png
 \enddiv
 
@@ -70,7 +70,7 @@ must be added to a parent Rectangle, if desired.
 
 \section2 Row
 
-\div{float-right}
+\div {class="float-right"}
 \inlineimage qml-row.png
 \enddiv
 
@@ -87,7 +87,7 @@ left around the edges of the horizontally centered Row item.
 
 \section2 Grid
 
-\div{float-right}
+\div {class="float-right"}
 \inlineimage qml-grid-spacing.png
 \enddiv
 
@@ -108,7 +108,7 @@ at the appropriate places in the Grid definition.
 
 \section2 Flow
 
-\div{float-right}
+\div {class="float-right"}
 \inlineimage qml-flow-text1.png
 \inlineimage qml-flow-text2.png
 \enddiv
@@ -137,7 +137,7 @@ control of spacing between items and between lines of items.
 
 \section1 Repeaters
 
-\div{float-right}
+\div {class="float-right"}
 \inlineimage qml-repeater-grid-index.png
 \enddiv
 
diff --git a/doc/src/declarative/qdeclarativemodels.qdoc b/doc/src/declarative/qdeclarativemodels.qdoc
index 495b3bd..84d4e7e 100644
--- a/doc/src/declarative/qdeclarativemodels.qdoc
+++ b/doc/src/declarative/qdeclarativemodels.qdoc
@@ -504,7 +504,7 @@ a Web browser.
 \l ListView shows a classic list of items with horizontal or vertical placing
 of items.
 
-\div{float-right}
+\div {class="float-right"}
 \inlineimage qml-listview-snippet.png
 \enddiv
 
diff --git a/doc/src/development/designer-manual.qdoc b/doc/src/development/designer-manual.qdoc
index e5f3b99..78d9afa 100644
--- a/doc/src/development/designer-manual.qdoc
+++ b/doc/src/development/designer-manual.qdoc
@@ -1385,7 +1385,7 @@
 
 
     \target CreatingAMenu
-    \div {float-left}
+    \div {class="float-left"}
     \inlineimage designer-creating-menu1.png
     \inlineimage designer-creating-menu2.png
     \br
@@ -1406,7 +1406,7 @@
     \key Escape to reject it. You can undo the editing operation later if
     required.
 
-    \div {clear-both}
+    \div {class="clear-both"}
     \enddiv
 
     Menus can also be rearranged in the menu bar simply by dragging and
@@ -1418,7 +1418,7 @@
     navigating the menu structure in the usual way.
 
     \target CreatingAMenuEntry
-    \div {float-right}
+    \div {class="float-right"}
     \inlineimage designer-creating-menu-entry1.png
     \inlineimage designer-creating-menu-entry2.png
     \br
@@ -1444,7 +1444,7 @@
     be accessible via the \l{#TheActionEditor}{Action Editor}, and any
     associated keyboard shortcut can be set there.
 
-    \div {clear-both}
+    \div {class="clear-both"}
     \enddiv
 
     Just like with menus, entries can be moved around simply by dragging and
@@ -1455,7 +1455,7 @@
 
     \section1 Toolbars
 
-    \div {float-left}
+    \div {class="float-left"}
     \inlineimage designer-creating-toolbar.png
     \enddiv
 
@@ -1469,7 +1469,7 @@
     Toolbars are removed from the form via an entry in the toolbar's context
     menu.
 
-    \div {clear-both}
+    \div {class="clear-both"}
     \enddiv
 
     \section2 Adding and Removing Toolbar Buttons
@@ -1479,7 +1479,7 @@
     Since actions can be represented by menu entries and toolbar buttons,
     they can be moved between menus and toolbars.
 
-    \div {float-right}
+    \div {class="float-right"}
     \inlineimage designer-adding-toolbar-action.png
     \inlineimage designer-removing-toolbar-action.png
     \enddiv
@@ -1491,7 +1491,7 @@
 
     Toolbar buttons are removed via the toolbar's context menu.
 
-    \div {clear-both}
+    \div {class="clear-both"}
     \enddiv
 
     \section1 Actions
@@ -1501,7 +1501,7 @@
     action editor window, simplifying the creation and management of actions.
 
     \target TheActionEditor
-    \div {float-left}
+    \div {class="float-left"}
     \inlineimage designer-action-editor.png
     \enddiv
 
@@ -1519,7 +1519,7 @@
     \gui{Detailed View}. You can also copy and paste actions between menus,
     toolbars and forms.
 
-    \div {clear-both}
+    \div {class="clear-both"}
     \enddiv
 
     \section2 Creating an Action
@@ -1535,11 +1535,11 @@
 
     Once the action is created, it can be used wherever actions are applicable.
 
-    \div {clear-left}
+    \div {class="clear-left"}
     \enddiv
 
     \target AddingAnAction
-    \div {float-right}
+    \div {class="float-right"}
     \inlineimage designer-adding-menu-action.png
     \inlineimage designer-adding-toolbar-action.png
     \enddiv
@@ -1554,7 +1554,7 @@
     will be added. Release the mouse button to add the action when you have
     found the right spot.
 
-    \div {clear-right}
+    \div {class="clear-right"}
     \enddiv
 
     \section1 Dock Widgets
@@ -1567,7 +1567,7 @@
 
     \target AddingADockWidget
 
-    \div {float-left}
+    \div {class="float-left"}
     \inlineimage designer-adding-dockwidget.png
     \enddiv
 
@@ -1588,7 +1588,7 @@
     \l{QDockWidget::}{windowTitle} property. This also helps to identify them on the
     form.
 
-    \div {clear-both}
+    \div {class="clear-both"}
     \enddiv
 */
 
diff --git a/doc/src/getting-started/how-to-learn-qt.qdoc b/doc/src/getting-started/how-to-learn-qt.qdoc
index 0d5fd0a..7c55586 100644
--- a/doc/src/getting-started/how-to-learn-qt.qdoc
+++ b/doc/src/getting-started/how-to-learn-qt.qdoc
@@ -51,7 +51,7 @@
     key overviews to deepen your understanding of Qt: The Qt \l{Object
     Model} and \l{Signals and Slots}.
 
-    \div{float-left}
+    \div {class="float-left"}
     \inlineimage qtdemo-small.png
     \enddiv
 
diff --git a/doc/src/index.qdoc b/doc/src/index.qdoc
index aefbea1..bdde170 100644
--- a/doc/src/index.qdoc
+++ b/doc/src/index.qdoc
@@ -29,21 +29,21 @@
     \page index.html
     \keyword Qt Reference Documentation
 
-          \div {indexbox guide}
-            \div {heading}
+          \div {class="indexbox guide"}
+            \div {class="heading"}
               Qt Developer Guide 
 	    \enddiv
-            \div {indexboxcont indexboxbar}
-              \div {section indexIcon} \emptyspan
+            \div {class="indexboxcont indexboxbar"}
+              \div {class="section indexIcon"} \emptyspan
               \enddiv
-              \div {section}
+              \div {class="section"}
                 Qt is a cross-platform application and UI
                 framework. Using Qt, you can write web-enabled
                 applications once and deploy them across desktop,
                 mobile and embedded operating systems without
                 rewriting the source code.
               \enddiv
-              \div {section sectionlist}
+              \div {class="section sectionlist"}
                 \list
                   \o \l{Getting Started Guides}{Getting started}
                   \o \l{Installation}{Installation}
@@ -55,12 +55,12 @@
              \enddiv
             \enddiv
           \enddiv
-          \div {indexbox api}
-            \div {heading}
+          \div {class="indexbox api"}
+            \div {class="heading"}
               Qt API 
 	    \enddiv
-            \div {indexboxcont indexboxbar }
-              \div {sectionlist tricol}
+            \div {class="indexboxcont indexboxbar "}
+              \div {class="sectionlist tricol"}
                 \list
                     \o \l{All Classes}{All Classes}
                     \o \l{All Functions}{All Functions}
@@ -70,7 +70,7 @@
                     \o \l{Qt Licenses and Credits}{Licenses and Credits}
                 \endlist
               \enddiv
-              \div {sectionlist  tricol}
+              \div {class="sectionlist  tricol"}
                 \list
                     \o \l{qt-basic-concepts.html}{Programming with Qt}
                     \o \l{qt-gui-concepts.html}{UI Design with Qt}
@@ -79,7 +79,7 @@
                     \o \l{best-practices.html}{Best Practices Guides}
                 \endlist
               \enddiv
-              \div {sectionlist}
+              \div {class="sectionlist"}
                 \list
                     \o \l{qtquick.html}{Qt Quick}
                     \o \l{qdeclarativeintroduction.html}{Introduction to QML}
@@ -89,19 +89,19 @@
               \enddiv
             \enddiv
           \enddiv
-          \div {indexbox tools}
-            \div {heading}
+          \div {class="indexbox tools"}
+            \div {class="heading"}
               Qt Tools 
 	    \enddiv
-            \div {indexboxcont}
-              \div {section indexIcon} \emptyspan
+            \div {class="indexboxcont"}
+              \div {class="section indexIcon"} \emptyspan
 	      \enddiv
-              \div {section}
+              \div {class="section"}
                 Qt offers a selection of development tools for
                 different tasks. Use Qt Creator for project and code
                 management as well as building powerfull UIs.
               \enddiv
-              \div {section sectionlist}
+              \div {class="section sectionlist"}
                 \list
                   \o \l{http://doc.qt.nokia.com/qtcreator-2.0/index.html}{Qt Creator}
                   \o \l{designer-manual.html}{Qt Designer}
diff --git a/doc/src/tutorials/widgets-tutorial.qdoc b/doc/src/tutorials/widgets-tutorial.qdoc
index 42c8852..925b143 100644
--- a/doc/src/tutorials/widgets-tutorial.qdoc
+++ b/doc/src/tutorials/widgets-tutorial.qdoc
@@ -133,7 +133,7 @@
     In the following example, we use QWidget to create and show a window with
     a default size:
 
-    \div {qt-code}
+    \div {class="qt-code"}
     \table
     \row
     \o \snippet tutorials/widgets/toplevel/main.cpp main program
@@ -155,7 +155,7 @@
     passing \c window as the parent to its constructor. In this case, we add a
     button to the window and place it in a specific location:
 
-    \div {qt-code}
+    \div {class="qt-code"}
     \table
     \row
     \o \snippet tutorials/widgets/childwidget/main.cpp main program
@@ -177,7 +177,7 @@
     construct a label and line edit widget that we would like to arrange
     side-by-side.
 
-    \div {qt-code}
+    \div {class="qt-code"}
     \table
     \row
     \o \snippet tutorials/widgets/windowlayout/main.cpp main program
@@ -215,7 +215,7 @@
     \c{mainLayout} is a QVBoxLayout that contains \c{queryLayout} and a
     QTableView arranged vertically.
 
-    \div {qt-code}
+    \div {class="qt-code"}
     \table
     \row
     \o \snippet tutorials/widgets/nestedlayouts/main.cpp first part
diff --git a/doc/src/zh_CN/getting-started/how-to-learn-qt.qdoc b/doc/src/zh_CN/getting-started/how-to-learn-qt.qdoc
index e74c84c..42a5f43 100644
--- a/doc/src/zh_CN/getting-started/how-to-learn-qt.qdoc
+++ b/doc/src/zh_CN/getting-started/how-to-learn-qt.qdoc
@@ -41,7 +41,7 @@
 
     现在您已经编写了一些小型可用的应用程序，并对 Qt 编程有更加广泛的了解。您可以直接着手做自己的项目，但我们建议您阅读以下一些关键简介以加深您对 Qt 的了解：\l{Qt Object Model}Qt 对象模型}和\l{Signals and Slots}{信号和槽}。
 
-    \div {float-left}
+    \div {class="float-left"}
     \inlineimage qtdemo-small.png
     \enddiv