Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15
  1. #1
    Junior Member
    Join Date
    Feb 2014
    Posts
    20
    Member #
    38352

    Headings so important?

    Hello, everyone

    I have just started designing my website. I don't use headings in my site (because this changes the font style automatically into "Arial") ,so I use custom font sizes (For me, I set 24 pts for h1, 20 pts for h2 ..etc.) instead. Will this ,by any way, harm my site or lessen its effeciency? I mean maybe not using headings will affect the search engines like Google when it comes to my site.

    I want to know exactly how far headings are important technically. Using font sizing produces the same appearance as using headings, so human visitors will not be affected while viewing my site.



    Thank you & any help will be appreciated

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,772
    Member #
    5580
    Liked
    723 times
    What do you mean by "headings". I'm curious if your definition is different than mine.


  4. #3
    Junior Member
    Join Date
    Feb 2014
    Posts
    20
    Member #
    38352
    Quote Originally Posted by mlseim View Post
    What do you mean by "headings". I'm curious if your definition is different than mine.

    I mean when you make the text on the web page heading 1 or heading 2 or paragraph ...etc.

    It's equivalent to these tags in html:
    <h1> TEXT </h1>
    <h2> TEXT </h2>
    <h3> TEXT </h3>
    <p> TEXT </p>

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,772
    Member #
    5580
    Liked
    723 times
    You can style them any way you wish, just like any other tag ....

    h1{
    font-family: helvetica;
    font-size: 24px;
    color:#444;
    }

    You do know how to use HTML with CSS (cascade style sheets)?


  6. #5
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,482
    Member #
    425
    Liked
    2783 times
    ..except that we shouldn't use px or pt to define font sizes for screen. That's bad Internet mojo.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  7. #6
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,772
    Member #
    5580
    Liked
    723 times
    em would be the better choice then?


  8. #7
    Junior Member
    Join Date
    Feb 2014
    Posts
    20
    Member #
    38352
    I dunno Look... here's the code of my text (My site is about illuminati stuff):

    Code:
    <div id="wb_Text1">
    <h1><br></h1><span style="color:#000000;font-family:'Bookman Old Style';font-size:32px;"><strong>The Anti-Illuminati</strong><br><br><strong>Know Your Enemy!</strong></span><span style="color:#000000;font-family:'Bookman Old Style';font-size:13px;"><br><br><br><br></span><span style="color:#000000;font-family:'Bookman Old Style';font-size:19px;">They control nearly everything on Earth: Huge projects &amp; companies and even states. Without any morals or favourable attitude, they can do ANYTHING to reach their evil goals. They are the ILLUMINATI. Here, we'll face them, reveal their projects and uncover their goals to the whole world for everyone with a mind on this planet to KNOW THEIR ENEMY!</span><span style="color:#000000;font-family:'Bookman Old Style';font-size:13px;"><strong><br></strong><br><br><br></span>
    </div>
    (Sorry, it's a little bit long)



    Here's the CSS code for h1 and h2:

    Code:
    h1
    {
       font-family: Arial;
       font-size: 32px;
       font-weight: bold;
       font-style: normal;
       text-decoration: none;
       color: #000000;
       background-color: transparent;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       display: inline;
    }
    h2
    {
       font-family: Arial;
       font-size: 27px;
       font-weight: bold;
       font-style: normal;
       text-decoration: none;
       color: #000000;
       background-color: transparent;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       display: inline;
    }
    Here is my home page for you to check (it may also be somehow confusing. Also, I uploaded the page without the assets like: images ,so some elements may not appear on it):

    Download link: Download index.html

  9. #8
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,482
    Member #
    425
    Liked
    2783 times
    Quote Originally Posted by mlseim View Post
    em would be the better choice then?
    A better choice. I usually find the best choice is percentage because percentages are more precise, but em works as well.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  10. #9
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,482
    Member #
    425
    Liked
    2783 times
    Quote Originally Posted by simsman2014 View Post
    I dunno Look... here's the code of my text (My site is about illuminati stuff):

    Code:
    <div id="wb_Text1">
    <h1><br></h1><span style="color:#000000;font-family:'Bookman Old Style';font-size:32px;"><strong>The Anti-Illuminati</strong><br><br><strong>Know Your Enemy!</strong></span><span style="color:#000000;font-family:'Bookman Old Style';font-size:13px;"><br><br><br><br></span><span style="color:#000000;font-family:'Bookman Old Style';font-size:19px;">They control nearly everything on Earth: Huge projects &amp; companies and even states. Without any morals or favourable attitude, they can do ANYTHING to reach their evil goals. They are the ILLUMINATI. Here, we'll face them, reveal their projects and uncover their goals to the whole world for everyone with a mind on this planet to KNOW THEIR ENEMY!</span><span style="color:#000000;font-family:'Bookman Old Style';font-size:13px;"><strong><br></strong><br><br><br></span>
    </div>
    (Sorry, it's a little bit long)



    Here's the CSS code for h1 and h2:

    Code:
    h1
    {
       font-family: Arial;
       font-size: 32px;
       font-weight: bold;
       font-style: normal;
       text-decoration: none;
       color: #000000;
       background-color: transparent;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       display: inline;
    }
    h2
    {
       font-family: Arial;
       font-size: 27px;
       font-weight: bold;
       font-style: normal;
       text-decoration: none;
       color: #000000;
       background-color: transparent;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       display: inline;
    }
    Here is my home page for you to check (it may also be somehow confusing. Also, I uploaded the page without the assets like: images ,so some elements may not appear on it):

    Download link: Download index.html
    Dude, people aren't going to click on a download link to download something. That's a great way to get a virus.

    Upload it somewhere that people can view it (if you need a host and you don't want to pay for one for this, try 000webhost.com).

    On the surface, though, it looks like you styled your tags correctly other than the font size (which we discussed). What I don't get is why you're styling h1 and h2 as inline-level elements.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  11. #10
    Junior Member
    Join Date
    Feb 2014
    Location
    india
    Posts
    3
    Member #
    38466
    Hello simsman

    use this rules in you cascading style sheet


    h1
    {
    font-family: anyfont name;
    font-size: 32px; / 12em ;
    }


    use same rule for all heading h1, 2, 3, 4, 5, 6..


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:46 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com