We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
Course Of The Month
7 days, left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
correct way use div tags
Posted on 2013-01-02
I am using Dreamweaver and when applying CSS rules I see it doesnt use div tags.
For example applying css rules to some tags I can get
<span class="one">hello</span>
<img src="dd.jpg" class="two"/>
However I could also do the same with same effect
<div class="one">hello</div>
Should I only use div tags for containers?
For example applying css rules to some tags I can get
<span class="one">hello</span>
<img src="dd.jpg" class="two"/>
However I could also do the same with same effect
<div class="one">hello</div>
Should I only use div tags for containers?
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2 Comments
You need to learn the difference between inline-level and block-level elements:
http://www.htmlhelp.com/reference/html40/inline.html
http://www.htmlhelp.com/reference/html40/block.html
The div element is a block-level element while the span tag is an inline-level element. That is the primary difference between the two.
You may ONLY place inline-level elements inside other inline elements.
So you may place an image inside either a span or a div tag, because the image tag is an inline element.
You may never place block level elements, like a <p> tag, inside a <span> tag.
By the way, don't forget to add an alt attribute to your image tag. It is required.
<img src="dd.jpg" class="two" alt=""/>
Don't forget to test your code here:
http://validator.w3.org/
http://www.htmlhelp.com/reference/html40/inline.html
http://www.htmlhelp.com/reference/html40/block.html
The div element is a block-level element while the span tag is an inline-level element. That is the primary difference between the two.
You may ONLY place inline-level elements inside other inline elements.
So you may place an image inside either a span or a div tag, because the image tag is an inline element.
You may never place block level elements, like a <p> tag, inside a <span> tag.
By the way, don't forget to add an alt attribute to your image tag. It is required.
<img src="dd.jpg" class="two" alt=""/>
Don't forget to test your code here:
http://validator.w3.org/
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5.
Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display
(CODE)
HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing.
Set up your basic HTML file. Open your form tag and set the method and action attributes.:
(CODE)
Set up your first few inputs one for the name and …
Suggested Courses
Course of the Month7 days, left to enroll
726 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.