HTML in Comment

Do You know that You can use HTML in your WordPress comment? There are 14 elements You can use to prettify your comments. The elements are a, abbr, acronym, b, blockquote, cite, code, del, em, i, q, s, strike, and strong. Some of them might also have attribute(s) that can be modified.

<a>

The <a> tag defines a hyperlink, which is used to link from one page to another. The most important attribute of the <a> element is the href attribute, which indicates the link’s destination.

In WordPress comment, this element has 2 attributes that can be used they are href and title. Fill the href attribute with some kind of URL and title attribute with a related title Specifies extra information about an element (displayed as a tool tip) .

<abbr> & <acronym>

The <abbr> tag defines an abbreviation or an acronym, like “Mr.”, “Dec.”, “ASAP”, “ATM”.

Tip: An abbreviation and an acronym are both shortened versions of something else. Both are often represented as a series of letters.

Marking up abbreviations can give useful information to browsers, translation systems and search-engines.

The elements have one and only attribute that can be used for the comment and that is title. This attribute works the same behavior with <a> tag, when You hover it, the tool tip will show You content of the title. Those tags are similar, probably the same, but when You are writing your own HTML page You might want to use only abbr tag. because…

The <acronym> tag is not supported in HTML5. Use the <abbr> tag instead.

<b>, <strong>, <i> & <em>

These elements are Formatting elements. <b> similar with <strong>, <i> similar with <em>. <b> means bold, <strong> also bold but with added semantic “strong” importance. <i> means italic, <em> also italic but with added semantic importance.

Here is some examples of combination from the elements.

no format = no format.
<b>bold</b> <strong>strong</strong> = bold strong.
<i>italic</i> <em>em</em> = italic em.
This sentence is important but not as important as this.

<blockquote>, <q> & <cite>

A quotation is the repetition of one expression as part of another one, particularly when the quoted expression is well-known or explicitly attributed by citation to its original source, and it is indicated by (punctuated with) quotation marks.

Paragraph above is quoted from wikipedia. I use a special element to make the appearance different with other section. I use <blockquote>tag. <blockquote> and <q> tag are the same, the difference is <blockquote> used for a long quote, and <quote> for shorter version of quote. I personally use <blockquote> in a self paragraph, and <q> for quoting a sentence inside a paragraph.

Those two tags, has an attribute that can be filled. The attribute is called cite, it usually has a value of a URL which means Specifies the source of the quotation. The attribute can be a self tag called <cite>, I haven’t actually use it a lot, I just usually use the quoting tag directly, but for example most of my references is taken from w3schools.com.

<code>

I should love this element the most. This element is me, haha.The <code> tag is a phrase tag. It defines a piece of computer code. This element make a block of text pretty different, if we take a look at other elements, this is the only element that change the background.

This element has an inline display, so if You want to make the piece of code more visible You might want to add more spaces between before and after block.

<del>, <s> and <strike>

Last but not least, for a strike through decoration text we can use these elements. The only element that has attribute that can be modified is <del> element. The attribute is datetime, if You want a precise thing for you deletion thing, You can use this element with the attribute datetime even though the format is pretty hard to memorize YYYY-MM-DDThh:mm:ssTZD.

I don’t use this kind of element so much, but maybe if You are working in a project and need versioning, You can use these element to mark that something has changed. Or, just use it to make your text noticeable in the comments.


So, now is the time to try these elements in the comment. I haven’t tried much
but I might add a comment to this post after.

Advertisements

I Need More

I love WordPress, but, I need more. This is about me customizing content of a website. I’m not good with words so I try to use something else. I know a little about HTML, CSS, and JavaScript, and I want to use them. But WordPress doesn’t allow me to use custom CSS or JavaScript in a post, not that I know of.

edit-post

So, I try to find something else, something free, because I believe that my content is not good enough to be in paid service, my WordPress is also a Free Plan by the way.

Github Pages

After sometime trying to find an alternative, I found out about Github Pages. GitHub Pages is a static site hosting service. I can host my HTML documents and only HTML, no server-side scripting (PHP, Ruby, Python, etc.) supported, just like a usual web server without Backend code. I started to create pages and put it there, so far the site works just like what I wanted yuulye.github.io.


Linking to thethoughtfulbrain, this will pingback to your post.

Linking to another post.