https://microformats.org/wiki/api.php?action=feedcontributions&user=Monquie25&feedformat=atomMicroformats Wiki - User contributions [en]2024-03-28T11:09:58ZUser contributionsMediaWiki 1.38.4https://microformats.org/wiki/index.php?title=get-started&diff=66749get-started2018-03-24T03:52:25Z<p>Monquie25: /* products */</p>
<hr />
<div>Natural now what?<br />
<div style="text-indent:2em;font-weight:bold;padding:1em;background:yellow"><br />
Latest: [http://microformats.org/2014/03/05/getting-started-with-microformats2 Get Started with microformats2]<br />
</div><br />
<br />
Get started by adding support for microformats to your website, services, and products.<br />
<br />
== introduction ==<br />
Microformats are based on simple markup conventions that enable you to add meaningful structure to your web content.<br />
<br />
One of the key [[principles]] of microformats, is to privilege [[humans-first|human readable]] content. This means that you should think first and foremost of your content design being readable and accessible to web viewers. Using the [[semantic-xhtml|most appropriate HTML elements]] and applying structured [[semantic-class-names|class names]] to your markup enables you to produce content that can be clearly understood by a human audience and also used in a structured way by automated programs and other online tools. But the point is that you shouldn't have to go out of your way to produce such machine friendly markup - microformats make it easy to integrate this greater degree of structure into your websites, without the overhead of having to learn complicated new languages or formats.<br />
<br />
The best way to understand microformats is to start using them straight away. Since they're embedded in ordinary HTML, you can take existing pages and add these structured class names to the markup, but it's recommended that when doing this, you also take a close look at the overall tag structure that you're using - maybe there is a better way to say what you mean using basic HTML tags.<br />
<br />
Many common kinds of content can be marked up in microformats. Microformats are designed to be similar to current markup styles. Chances are, you already have some of them on your site. Start with the obvious ones. For example a simple, and very popular place to start is with [[h-card]] - a microformat for displaying personal and organizational contact details. You can think of [[h-card]] as a way to embed mini business cards in web pages, but glancing over the [[h-card-examples|examples]] shows a lot more possibilities than just that. Here are some specific places to start using microformats today:<br />
<br />
== yourself ==<br />
=== your website ===<br />
If you have your own website, read [[h-card-authoring]] for tips and guidelines on how to best markup existing content with h-card and take a look at the [[h-card-examples]], then<br />
* add [[h-card]] to your contact info page<br />
* add h-card+[[xfn|XFN]] to your friends list or blog roll<br />
* add your website and contact page to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
'''Natural now what?'''<br />
<br />
There are so many of us trying to do better by our hair. I have put away my flatiron and gone are the days of putting harsh chemicals on it to straighten my hair. With doing this for so long it leaves us all wonder where do I go from here?<br />
<br />
First thing is doing your research. Try very hard to not get overwhelming and try to not go down the rabbit hole of products. This is what I have learned a produced that worked for you at one stage might not working for in a few months down the line once your hair has grown. If you are on the fence about doing a big chop keep that in mind. When I did my big chop I had products that worked for me then that won't work for me now.<br />
<br />
I also set a budge on how much I willing spending on a product before I start shopping. I also recommend usually trying at least two of the products together to see how they interact with one another. Results I got with one product not using parts that they are supposed to be paired with were different than pairing it with other products.<br />
<br />
I had to learn my hair. Will it hold a curly? Will my hair look like I have put no product on it at all in a couple of hours after I do it? So I started out simple. I made sure that I started with reasonable price products so for my first few products I didn't spend more than 15 for each bottle. I got a detangler bush which is very important to the process to make any hairstyle work. I have enclosed the link below for the one that I have. There are other places out there to get this one as well as other models. This is the one that I have found works the best for me. If you check the calendar I have different products and date when I will be uploading videos that go with that.<br />
<br />
== your organization ==<br />
=== website ===<br />
==== contact info ====<br />
* '''Contact info.''' Every company or organization has a contact or about page of some sort on their website. Read [[h-card-authoring]] and add [[h-card]] to the contact/about pages along with "Add to address book" links for each h-card.<br />
* '''Employee directory.''' If your company has a page listing employees or others that belong to the organization, add [[h-card]] to the listings or search results.<br />
* add those pages with h-cards to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
<br />
My first video will be posted April 2, 2018 on Eco Styling Gel.<br />
<br />
=== products ===<br />
https://www.sallybeauty.com/denman-d4-all-black-classic-styling-brush/SBS-103197,default,pd.html?utm_source=google&utm_medium=cpc&adpos=1o1&scid=scplpSBS-103197&sc_intid=SBS-103197&utm_content=SBS-103197&gclid=Cj0KCQjwqM3VBRCwARIsAKcekb1bs8voHZUF_VSQc0uhI76tcXTdGhww_gulxlXjhDviJ1nKo-HFfy4aAj1bEALw_wcB&gclsrc=aw.ds<br />
<br />
=== enterprise ===<br />
Wondering how to use microformats in an enterprise scenario?<br />
<br />
Any publication of information about people, events, reviews etc. could benefit from being marked up with h-card, hCalendar, and hReview respectively.<br />
<br />
== other content ==<br />
* Do you have an explicit copyright license on your content? Then markup the link to your license with [[rel-license]]. <br />
* Do you publish social network / relationship info? Then mark that up with [http://gmpg.org/xfn/ XFN]. <br />
* Are you tagging things? Then use [[rel-tag]] (for your own stuff) or [[xFolk]] (for tagging any URL).<br />
* Are you publishing lists or outlines? Then use [[XOXO]]. <br />
* Do you publish reviews? Then use [[hReview]].<br />
** Start with the [http://microformats.org/code/hreview/creator hReview creator]. <br />
* Do you publish press releases? Then use [[hatom|hAtom]].<br />
<br />
== what next ==<br />
Once you have added microformats support to your website and helped your company and organization do so as well:<br />
* [[advocacy|Advocate]] the use and support of microformats on other sites as well.<br />
<br />
And here are a few more tips:<br />
<br />
Try to produce clean, [[semantic xhtml]], AKA [[POSH]]. Where there aren't [[microformats]] for specific types of content, feel free to experiment with your own [[poshformats]].<br />
<br />
* [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show]<br />
* http://microformats.org/wiki/SemanticXHTMLDesignPrinciples<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML]<br />
* [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML]<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real World Semantics]<br />
* ...<br />
<br />
== translations ==<br />
Read about how to [[get-started]] in additional <span id="languages">languages</span>:<br />
* [[get-started-fr|français]]<br />
* [[get-started-ru|Русский]]<br />
<br />
== see also ==<br />
* [[advocacy]]<br />
* [[spread-microformats]]</div>Monquie25https://microformats.org/wiki/index.php?title=get-started&diff=66748get-started2018-03-24T03:51:46Z<p>Monquie25: /* your website */</p>
<hr />
<div>Natural now what?<br />
<div style="text-indent:2em;font-weight:bold;padding:1em;background:yellow"><br />
Latest: [http://microformats.org/2014/03/05/getting-started-with-microformats2 Get Started with microformats2]<br />
</div><br />
<br />
Get started by adding support for microformats to your website, services, and products.<br />
<br />
== introduction ==<br />
Microformats are based on simple markup conventions that enable you to add meaningful structure to your web content.<br />
<br />
One of the key [[principles]] of microformats, is to privilege [[humans-first|human readable]] content. This means that you should think first and foremost of your content design being readable and accessible to web viewers. Using the [[semantic-xhtml|most appropriate HTML elements]] and applying structured [[semantic-class-names|class names]] to your markup enables you to produce content that can be clearly understood by a human audience and also used in a structured way by automated programs and other online tools. But the point is that you shouldn't have to go out of your way to produce such machine friendly markup - microformats make it easy to integrate this greater degree of structure into your websites, without the overhead of having to learn complicated new languages or formats.<br />
<br />
The best way to understand microformats is to start using them straight away. Since they're embedded in ordinary HTML, you can take existing pages and add these structured class names to the markup, but it's recommended that when doing this, you also take a close look at the overall tag structure that you're using - maybe there is a better way to say what you mean using basic HTML tags.<br />
<br />
Many common kinds of content can be marked up in microformats. Microformats are designed to be similar to current markup styles. Chances are, you already have some of them on your site. Start with the obvious ones. For example a simple, and very popular place to start is with [[h-card]] - a microformat for displaying personal and organizational contact details. You can think of [[h-card]] as a way to embed mini business cards in web pages, but glancing over the [[h-card-examples|examples]] shows a lot more possibilities than just that. Here are some specific places to start using microformats today:<br />
<br />
== yourself ==<br />
=== your website ===<br />
If you have your own website, read [[h-card-authoring]] for tips and guidelines on how to best markup existing content with h-card and take a look at the [[h-card-examples]], then<br />
* add [[h-card]] to your contact info page<br />
* add h-card+[[xfn|XFN]] to your friends list or blog roll<br />
* add your website and contact page to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
'''Natural now what?'''<br />
<br />
There are so many of us trying to do better by our hair. I have put away my flatiron and gone are the days of putting harsh chemicals on it to straighten my hair. With doing this for so long it leaves us all wonder where do I go from here?<br />
<br />
First thing is doing your research. Try very hard to not get overwhelming and try to not go down the rabbit hole of products. This is what I have learned a produced that worked for you at one stage might not working for in a few months down the line once your hair has grown. If you are on the fence about doing a big chop keep that in mind. When I did my big chop I had products that worked for me then that won't work for me now.<br />
<br />
I also set a budge on how much I willing spending on a product before I start shopping. I also recommend usually trying at least two of the products together to see how they interact with one another. Results I got with one product not using parts that they are supposed to be paired with were different than pairing it with other products.<br />
<br />
I had to learn my hair. Will it hold a curly? Will my hair look like I have put no product on it at all in a couple of hours after I do it? So I started out simple. I made sure that I started with reasonable price products so for my first few products I didn't spend more than 15 for each bottle. I got a detangler bush which is very important to the process to make any hairstyle work. I have enclosed the link below for the one that I have. There are other places out there to get this one as well as other models. This is the one that I have found works the best for me. If you check the calendar I have different products and date when I will be uploading videos that go with that.<br />
<br />
== your organization ==<br />
=== website ===<br />
==== contact info ====<br />
* '''Contact info.''' Every company or organization has a contact or about page of some sort on their website. Read [[h-card-authoring]] and add [[h-card]] to the contact/about pages along with "Add to address book" links for each h-card.<br />
* '''Employee directory.''' If your company has a page listing employees or others that belong to the organization, add [[h-card]] to the listings or search results.<br />
* add those pages with h-cards to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
<br />
My first video will be posted April 2, 2018 on Eco Styling Gel.<br />
<br />
=== products ===<br />
Does your company make any products that generate HTML?<br />
<br />
* Make sure such products generate [[posh|POSH]] and whenever possible, the appropriate microformats.<br />
* Then add those products to the [[implementations]] page.<br />
<br />
=== enterprise ===<br />
Wondering how to use microformats in an enterprise scenario?<br />
<br />
Any publication of information about people, events, reviews etc. could benefit from being marked up with h-card, hCalendar, and hReview respectively.<br />
<br />
== other content ==<br />
* Do you have an explicit copyright license on your content? Then markup the link to your license with [[rel-license]]. <br />
* Do you publish social network / relationship info? Then mark that up with [http://gmpg.org/xfn/ XFN]. <br />
* Are you tagging things? Then use [[rel-tag]] (for your own stuff) or [[xFolk]] (for tagging any URL).<br />
* Are you publishing lists or outlines? Then use [[XOXO]]. <br />
* Do you publish reviews? Then use [[hReview]].<br />
** Start with the [http://microformats.org/code/hreview/creator hReview creator]. <br />
* Do you publish press releases? Then use [[hatom|hAtom]].<br />
<br />
== what next ==<br />
Once you have added microformats support to your website and helped your company and organization do so as well:<br />
* [[advocacy|Advocate]] the use and support of microformats on other sites as well.<br />
<br />
And here are a few more tips:<br />
<br />
Try to produce clean, [[semantic xhtml]], AKA [[POSH]]. Where there aren't [[microformats]] for specific types of content, feel free to experiment with your own [[poshformats]].<br />
<br />
* [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show]<br />
* http://microformats.org/wiki/SemanticXHTMLDesignPrinciples<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML]<br />
* [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML]<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real World Semantics]<br />
* ...<br />
<br />
== translations ==<br />
Read about how to [[get-started]] in additional <span id="languages">languages</span>:<br />
* [[get-started-fr|français]]<br />
* [[get-started-ru|Русский]]<br />
<br />
== see also ==<br />
* [[advocacy]]<br />
* [[spread-microformats]]</div>Monquie25https://microformats.org/wiki/index.php?title=get-started&diff=66747get-started2018-03-24T03:51:16Z<p>Monquie25: </p>
<hr />
<div>Natural now what?<br />
<div style="text-indent:2em;font-weight:bold;padding:1em;background:yellow"><br />
Latest: [http://microformats.org/2014/03/05/getting-started-with-microformats2 Get Started with microformats2]<br />
</div><br />
<br />
Get started by adding support for microformats to your website, services, and products.<br />
<br />
== introduction ==<br />
Microformats are based on simple markup conventions that enable you to add meaningful structure to your web content.<br />
<br />
One of the key [[principles]] of microformats, is to privilege [[humans-first|human readable]] content. This means that you should think first and foremost of your content design being readable and accessible to web viewers. Using the [[semantic-xhtml|most appropriate HTML elements]] and applying structured [[semantic-class-names|class names]] to your markup enables you to produce content that can be clearly understood by a human audience and also used in a structured way by automated programs and other online tools. But the point is that you shouldn't have to go out of your way to produce such machine friendly markup - microformats make it easy to integrate this greater degree of structure into your websites, without the overhead of having to learn complicated new languages or formats.<br />
<br />
The best way to understand microformats is to start using them straight away. Since they're embedded in ordinary HTML, you can take existing pages and add these structured class names to the markup, but it's recommended that when doing this, you also take a close look at the overall tag structure that you're using - maybe there is a better way to say what you mean using basic HTML tags.<br />
<br />
Many common kinds of content can be marked up in microformats. Microformats are designed to be similar to current markup styles. Chances are, you already have some of them on your site. Start with the obvious ones. For example a simple, and very popular place to start is with [[h-card]] - a microformat for displaying personal and organizational contact details. You can think of [[h-card]] as a way to embed mini business cards in web pages, but glancing over the [[h-card-examples|examples]] shows a lot more possibilities than just that. Here are some specific places to start using microformats today:<br />
<br />
== yourself ==<br />
=== your website ===<br />
If you have your own website, read [[h-card-authoring]] for tips and guidelines on how to best markup existing content with h-card and take a look at the [[h-card-examples]], then<br />
* add [[h-card]] to your contact info page<br />
* add h-card+[[xfn|XFN]] to your friends list or blog roll<br />
* add your website and contact page to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
'''Natural now what?'''<br />
<br />
There are so many of us trying to do better by our hair. I have put away my flatiron and gone are the days of putting harsh chemicals on it to straighten my hair. With doing this for so long it leaves us all wonder where do I go from here?<br />
<br />
First thing is doing your research. Try very hard to not get overwhelming and try to not go down the rabbit hole of products. This is what I have learned a produced that worked for you at one stage might not working for in a few months down the line once your hair has grown. If you are on the fence about doing a big chop keep that in mind. When I did my big chop I had products that worked for me then that won't work for me now.<br />
<br />
I also set a budge on how much I willing spending on a product before I start shopping. I also recommend usually trying at least two of the products together to see how they interact with one another. Results I got with one product not using parts that they are supposed to be paired with were different than pairing it with other products.<br />
<br />
I had to learn my hair. Will it hold a curly? Will my hair look like I have put no product on it at all in a couple of hours after I do it? So I started out simple. I made sure that I started with reasonable price products so for my first few products I didn't spend more than 15 for each bottle. I got a detangler bush which is very important to the process to make any hairstyle work. I have enclosed the link below for the one that I have. There are other places out there to get this one as well as other models. This is the one that I have found works the best for me. If you check the calendar I have different products and date when I will be uploading videos that go with that.<br />
<br />
https://www.sallybeauty.com/denman-d4-all-black-classic-styling-brush/SBS-103197,default,pd.html?utm_source=google&utm_medium=cpc&adpos=1o1&scid=scplpSBS-103197&sc_intid=SBS-103197&utm_content=SBS-103197&gclid=Cj0KCQjwqM3VBRCwARIsAKcekb1bs8voHZUF_VSQc0uhI76tcXTdGhww_gulxlXjhDviJ1nKo-HFfy4aAj1bEALw_wcB&gclsrc=aw.ds<br />
<br />
== your organization ==<br />
=== website ===<br />
==== contact info ====<br />
* '''Contact info.''' Every company or organization has a contact or about page of some sort on their website. Read [[h-card-authoring]] and add [[h-card]] to the contact/about pages along with "Add to address book" links for each h-card.<br />
* '''Employee directory.''' If your company has a page listing employees or others that belong to the organization, add [[h-card]] to the listings or search results.<br />
* add those pages with h-cards to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
<br />
My first video will be posted April 2, 2018 on Eco Styling Gel.<br />
<br />
=== products ===<br />
Does your company make any products that generate HTML?<br />
<br />
* Make sure such products generate [[posh|POSH]] and whenever possible, the appropriate microformats.<br />
* Then add those products to the [[implementations]] page.<br />
<br />
=== enterprise ===<br />
Wondering how to use microformats in an enterprise scenario?<br />
<br />
Any publication of information about people, events, reviews etc. could benefit from being marked up with h-card, hCalendar, and hReview respectively.<br />
<br />
== other content ==<br />
* Do you have an explicit copyright license on your content? Then markup the link to your license with [[rel-license]]. <br />
* Do you publish social network / relationship info? Then mark that up with [http://gmpg.org/xfn/ XFN]. <br />
* Are you tagging things? Then use [[rel-tag]] (for your own stuff) or [[xFolk]] (for tagging any URL).<br />
* Are you publishing lists or outlines? Then use [[XOXO]]. <br />
* Do you publish reviews? Then use [[hReview]].<br />
** Start with the [http://microformats.org/code/hreview/creator hReview creator]. <br />
* Do you publish press releases? Then use [[hatom|hAtom]].<br />
<br />
== what next ==<br />
Once you have added microformats support to your website and helped your company and organization do so as well:<br />
* [[advocacy|Advocate]] the use and support of microformats on other sites as well.<br />
<br />
And here are a few more tips:<br />
<br />
Try to produce clean, [[semantic xhtml]], AKA [[POSH]]. Where there aren't [[microformats]] for specific types of content, feel free to experiment with your own [[poshformats]].<br />
<br />
* [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show]<br />
* http://microformats.org/wiki/SemanticXHTMLDesignPrinciples<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML]<br />
* [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML]<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real World Semantics]<br />
* ...<br />
<br />
== translations ==<br />
Read about how to [[get-started]] in additional <span id="languages">languages</span>:<br />
* [[get-started-fr|français]]<br />
* [[get-started-ru|Русский]]<br />
<br />
== see also ==<br />
* [[advocacy]]<br />
* [[spread-microformats]]</div>Monquie25https://microformats.org/wiki/index.php?title=get-started&diff=66746get-started2018-03-24T03:50:26Z<p>Monquie25: /* events */</p>
<hr />
<div><entry-title>Get Started</entry-title><br />
<div style="text-indent:2em;font-weight:bold;padding:1em;background:yellow"><br />
Latest: [http://microformats.org/2014/03/05/getting-started-with-microformats2 Get Started with microformats2]<br />
</div><br />
<br />
Get started by adding support for microformats to your website, services, and products.<br />
<br />
== introduction ==<br />
Microformats are based on simple markup conventions that enable you to add meaningful structure to your web content.<br />
<br />
One of the key [[principles]] of microformats, is to privilege [[humans-first|human readable]] content. This means that you should think first and foremost of your content design being readable and accessible to web viewers. Using the [[semantic-xhtml|most appropriate HTML elements]] and applying structured [[semantic-class-names|class names]] to your markup enables you to produce content that can be clearly understood by a human audience and also used in a structured way by automated programs and other online tools. But the point is that you shouldn't have to go out of your way to produce such machine friendly markup - microformats make it easy to integrate this greater degree of structure into your websites, without the overhead of having to learn complicated new languages or formats.<br />
<br />
The best way to understand microformats is to start using them straight away. Since they're embedded in ordinary HTML, you can take existing pages and add these structured class names to the markup, but it's recommended that when doing this, you also take a close look at the overall tag structure that you're using - maybe there is a better way to say what you mean using basic HTML tags.<br />
<br />
Many common kinds of content can be marked up in microformats. Microformats are designed to be similar to current markup styles. Chances are, you already have some of them on your site. Start with the obvious ones. For example a simple, and very popular place to start is with [[h-card]] - a microformat for displaying personal and organizational contact details. You can think of [[h-card]] as a way to embed mini business cards in web pages, but glancing over the [[h-card-examples|examples]] shows a lot more possibilities than just that. Here are some specific places to start using microformats today:<br />
<br />
== yourself ==<br />
=== your website ===<br />
If you have your own website, read [[h-card-authoring]] for tips and guidelines on how to best markup existing content with h-card and take a look at the [[h-card-examples]], then<br />
* add [[h-card]] to your contact info page<br />
* add h-card+[[xfn|XFN]] to your friends list or blog roll<br />
* add your website and contact page to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
'''Natural now what?'''<br />
<br />
There are so many of us trying to do better by our hair. I have put away my flatiron and gone are the days of putting harsh chemicals on it to straighten my hair. With doing this for so long it leaves us all wonder where do I go from here?<br />
<br />
First thing is doing your research. Try very hard to not get overwhelming and try to not go down the rabbit hole of products. This is what I have learned a produced that worked for you at one stage might not working for in a few months down the line once your hair has grown. If you are on the fence about doing a big chop keep that in mind. When I did my big chop I had products that worked for me then that won't work for me now.<br />
<br />
I also set a budge on how much I willing spending on a product before I start shopping. I also recommend usually trying at least two of the products together to see how they interact with one another. Results I got with one product not using parts that they are supposed to be paired with were different than pairing it with other products.<br />
<br />
I had to learn my hair. Will it hold a curly? Will my hair look like I have put no product on it at all in a couple of hours after I do it? So I started out simple. I made sure that I started with reasonable price products so for my first few products I didn't spend more than 15 for each bottle. I got a detangler bush which is very important to the process to make any hairstyle work. I have enclosed the link below for the one that I have. There are other places out there to get this one as well as other models. This is the one that I have found works the best for me. If you check the calendar I have different products and date when I will be uploading videos that go with that.<br />
<br />
https://www.sallybeauty.com/denman-d4-all-black-classic-styling-brush/SBS-103197,default,pd.html?utm_source=google&utm_medium=cpc&adpos=1o1&scid=scplpSBS-103197&sc_intid=SBS-103197&utm_content=SBS-103197&gclid=Cj0KCQjwqM3VBRCwARIsAKcekb1bs8voHZUF_VSQc0uhI76tcXTdGhww_gulxlXjhDviJ1nKo-HFfy4aAj1bEALw_wcB&gclsrc=aw.ds<br />
<br />
== your organization ==<br />
=== website ===<br />
==== contact info ====<br />
* '''Contact info.''' Every company or organization has a contact or about page of some sort on their website. Read [[h-card-authoring]] and add [[h-card]] to the contact/about pages along with "Add to address book" links for each h-card.<br />
* '''Employee directory.''' If your company has a page listing employees or others that belong to the organization, add [[h-card]] to the listings or search results.<br />
* add those pages with h-cards to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
<br />
My first video will be posted April 2, 2018 on Eco Styling Gel.<br />
<br />
=== products ===<br />
Does your company make any products that generate HTML?<br />
<br />
* Make sure such products generate [[posh|POSH]] and whenever possible, the appropriate microformats.<br />
* Then add those products to the [[implementations]] page.<br />
<br />
=== enterprise ===<br />
Wondering how to use microformats in an enterprise scenario?<br />
<br />
Any publication of information about people, events, reviews etc. could benefit from being marked up with h-card, hCalendar, and hReview respectively.<br />
<br />
== other content ==<br />
* Do you have an explicit copyright license on your content? Then markup the link to your license with [[rel-license]]. <br />
* Do you publish social network / relationship info? Then mark that up with [http://gmpg.org/xfn/ XFN]. <br />
* Are you tagging things? Then use [[rel-tag]] (for your own stuff) or [[xFolk]] (for tagging any URL).<br />
* Are you publishing lists or outlines? Then use [[XOXO]]. <br />
* Do you publish reviews? Then use [[hReview]].<br />
** Start with the [http://microformats.org/code/hreview/creator hReview creator]. <br />
* Do you publish press releases? Then use [[hatom|hAtom]].<br />
<br />
== what next ==<br />
Once you have added microformats support to your website and helped your company and organization do so as well:<br />
* [[advocacy|Advocate]] the use and support of microformats on other sites as well.<br />
<br />
And here are a few more tips:<br />
<br />
Try to produce clean, [[semantic xhtml]], AKA [[POSH]]. Where there aren't [[microformats]] for specific types of content, feel free to experiment with your own [[poshformats]].<br />
<br />
* [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show]<br />
* http://microformats.org/wiki/SemanticXHTMLDesignPrinciples<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML]<br />
* [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML]<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real World Semantics]<br />
* ...<br />
<br />
== translations ==<br />
Read about how to [[get-started]] in additional <span id="languages">languages</span>:<br />
* [[get-started-fr|français]]<br />
* [[get-started-ru|Русский]]<br />
<br />
== see also ==<br />
* [[advocacy]]<br />
* [[spread-microformats]]</div>Monquie25https://microformats.org/wiki/index.php?title=get-started&diff=66745get-started2018-03-24T03:39:44Z<p>Monquie25: /* your blog */</p>
<hr />
<div><entry-title>Get Started</entry-title><br />
<div style="text-indent:2em;font-weight:bold;padding:1em;background:yellow"><br />
Latest: [http://microformats.org/2014/03/05/getting-started-with-microformats2 Get Started with microformats2]<br />
</div><br />
<br />
Get started by adding support for microformats to your website, services, and products.<br />
<br />
== introduction ==<br />
Microformats are based on simple markup conventions that enable you to add meaningful structure to your web content.<br />
<br />
One of the key [[principles]] of microformats, is to privilege [[humans-first|human readable]] content. This means that you should think first and foremost of your content design being readable and accessible to web viewers. Using the [[semantic-xhtml|most appropriate HTML elements]] and applying structured [[semantic-class-names|class names]] to your markup enables you to produce content that can be clearly understood by a human audience and also used in a structured way by automated programs and other online tools. But the point is that you shouldn't have to go out of your way to produce such machine friendly markup - microformats make it easy to integrate this greater degree of structure into your websites, without the overhead of having to learn complicated new languages or formats.<br />
<br />
The best way to understand microformats is to start using them straight away. Since they're embedded in ordinary HTML, you can take existing pages and add these structured class names to the markup, but it's recommended that when doing this, you also take a close look at the overall tag structure that you're using - maybe there is a better way to say what you mean using basic HTML tags.<br />
<br />
Many common kinds of content can be marked up in microformats. Microformats are designed to be similar to current markup styles. Chances are, you already have some of them on your site. Start with the obvious ones. For example a simple, and very popular place to start is with [[h-card]] - a microformat for displaying personal and organizational contact details. You can think of [[h-card]] as a way to embed mini business cards in web pages, but glancing over the [[h-card-examples|examples]] shows a lot more possibilities than just that. Here are some specific places to start using microformats today:<br />
<br />
== yourself ==<br />
=== your website ===<br />
If you have your own website, read [[h-card-authoring]] for tips and guidelines on how to best markup existing content with h-card and take a look at the [[h-card-examples]], then<br />
* add [[h-card]] to your contact info page<br />
* add h-card+[[xfn|XFN]] to your friends list or blog roll<br />
* add your website and contact page to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
<br />
'''Natural now what?'''<br />
<br />
There are so many of us trying to do better by our hair. I have put away my flatiron and gone are the days of putting harsh chemicals on it to straighten my hair. With doing this for so long it leaves us all wonder where do I go from here?<br />
<br />
First thing is doing your research. Try very hard to not get overwhelming and try to not go down the rabbit hole of products. This is what I have learned a produced that worked for you at one stage might not working for in a few months down the line once your hair has grown. If you are on the fence about doing a big chop keep that in mind. When I did my big chop I had products that worked for me then that won't work for me now.<br />
<br />
I also set a budge on how much I willing spending on a product before I start shopping. I also recommend usually trying at least two of the products together to see how they interact with one another. Results I got with one product not using parts that they are supposed to be paired with were different than pairing it with other products.<br />
<br />
I had to learn my hair. Will it hold a curly? Will my hair look like I have put no product on it at all in a couple of hours after I do it? So I started out simple. I made sure that I started with reasonable price products so for my first few products I didn't spend more than 15 for each bottle. I got a detangler bush which is very important to the process to make any hairstyle work. I have enclosed the link below for the one that I have. There are other places out there to get this one as well as other models. This is the one that I have found works the best for me. If you check the calendar I have different products and date when I will be uploading videos that go with that.<br />
<br />
https://www.sallybeauty.com/denman-d4-all-black-classic-styling-brush/SBS-103197,default,pd.html?utm_source=google&utm_medium=cpc&adpos=1o1&scid=scplpSBS-103197&sc_intid=SBS-103197&utm_content=SBS-103197&gclid=Cj0KCQjwqM3VBRCwARIsAKcekb1bs8voHZUF_VSQc0uhI76tcXTdGhww_gulxlXjhDviJ1nKo-HFfy4aAj1bEALw_wcB&gclsrc=aw.ds<br />
<br />
== your organization ==<br />
=== website ===<br />
==== contact info ====<br />
* '''Contact info.''' Every company or organization has a contact or about page of some sort on their website. Read [[h-card-authoring]] and add [[h-card]] to the contact/about pages along with "Add to address book" links for each h-card.<br />
* '''Employee directory.''' If your company has a page listing employees or others that belong to the organization, add [[h-card]] to the listings or search results.<br />
* add those pages with h-cards to the [[h-card#Examples_in_the_wild|list of examples in the wild]]<br />
<br />
==== events ====<br />
Use hCalendar anywhere on the website that publishes event information. Start with the [http://microformats.org/code/hcalendar/creator hCalendar creator]. <br />
<br />
===== history =====<br />
If your organization publishes its history, mark up the events noted with hCalendar, thus allowing anybody to build a dynamic timeline application with your history.<br />
<br />
=== products ===<br />
Does your company make any products that generate HTML?<br />
<br />
* Make sure such products generate [[posh|POSH]] and whenever possible, the appropriate microformats.<br />
* Then add those products to the [[implementations]] page.<br />
<br />
=== enterprise ===<br />
Wondering how to use microformats in an enterprise scenario?<br />
<br />
Any publication of information about people, events, reviews etc. could benefit from being marked up with h-card, hCalendar, and hReview respectively.<br />
<br />
== other content ==<br />
* Do you have an explicit copyright license on your content? Then markup the link to your license with [[rel-license]]. <br />
* Do you publish social network / relationship info? Then mark that up with [http://gmpg.org/xfn/ XFN]. <br />
* Are you tagging things? Then use [[rel-tag]] (for your own stuff) or [[xFolk]] (for tagging any URL).<br />
* Are you publishing lists or outlines? Then use [[XOXO]]. <br />
* Do you publish reviews? Then use [[hReview]].<br />
** Start with the [http://microformats.org/code/hreview/creator hReview creator]. <br />
* Do you publish press releases? Then use [[hatom|hAtom]].<br />
<br />
== what next ==<br />
Once you have added microformats support to your website and helped your company and organization do so as well:<br />
* [[advocacy|Advocate]] the use and support of microformats on other sites as well.<br />
<br />
And here are a few more tips:<br />
<br />
Try to produce clean, [[semantic xhtml]], AKA [[POSH]]. Where there aren't [[microformats]] for specific types of content, feel free to experiment with your own [[poshformats]].<br />
<br />
* [http://tantek.com/log/2004/07.html#classmeaningnotshow Class for meaning not for show]<br />
* http://microformats.org/wiki/SemanticXHTMLDesignPrinciples<br />
* [http://tantek.com/presentations/20040928sdforumws/semantic-xhtml.html Semantic XHTML]<br />
* [http://tantek.com/presentations/2005/03/elementsofxhtml Meaningful XHTML]<br />
* [http://www.tantek.com/presentations/2004etech/realworldsemanticspres.html Real World Semantics]<br />
* ...<br />
<br />
== translations ==<br />
Read about how to [[get-started]] in additional <span id="languages">languages</span>:<br />
* [[get-started-fr|français]]<br />
* [[get-started-ru|Русский]]<br />
<br />
== see also ==<br />
* [[advocacy]]<br />
* [[spread-microformats]]</div>Monquie25