Blog has problems with html5 code - html

I know near to nothing of html, but I do maintain a blog.
I want that blog to be on bloglovin, but they tell me the RSS feed is not valid. What they give me is this tool that "checks" my code
here the instructions.
here the tool.
http://validator.w3.org/check?uri=http%3A%2F%2Fmisbollosyotrascosas.blogspot.com.es%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices
So main problem is, I dont know what doctype my blog has, nor I've been able to find info about it, so I don't know if checking said code on html5 is correct, or no. It's set to "detect automatically" so I'd guess it's getting it right, but I can't really be sure.
So, 1st problem: I don't know how to check the doctype.
2nd and more important, IF it has guessed the doctype properly, and it is html5, when I look for the piece of code the tool says it's wrong, said code does not appear. So I can't change code that isn't there.
Please mind 90% of the code is auto-generated, I do know programming, just not on web.
If anyone can point me of a way to fix this issue, much appreciated.

If you nothing about HTML, then brother you first need to either learn HTML and then come here for help. Or you should go to the forum or the place provided by the CMS (Blog service provide) for the users to chat about the product usage.
However, the DOCTYPE is provided in the very first line. If you open Document Inspector, you'll see a grey line in Chrome as: <!doctype html>. That is the declaration for HTML5.
Here is the w3.org's doc for the HTML syntax: http://www.w3.org/TR/html5/syntax.html
And here is the declaration for the doctype: http://www.w3.org/TR/html5/syntax.html#the-doctype
Secondly, if they didnot find the document to meet the standards for the HTML5 then there might have been an error.
On the page, where you tested your DOCUMENT's code. They provided you with 113 errors in your document.
Please go and edit and fix them one after the other. To get help, go and Google the problem. 99% problems are solved by just Googling the problem and following the first 5 links if first 4 don't work. Otherwise, you can come back here and start a new question related to that problem. Programmers here would help you in doing that.

Related

Can I put a Doctype in the middle of the code?

Hi this is my first time here, so thanks for any help/advice you can give!
I started work somewhere that has a CMS and as such we work by templates. But these templates don't have Doctypes delcared at the top (And we're not allowed to change that :( ) and so it throws anything we develop into Quirks mode when it's viewed in IE. It means front-end coding is "very" difficult to cope with.
So my question is, can I cheat somehow and put in a Doctype halfway through a document? Would iframing it in help? How can I make my code look at least similar in each browser?
I know the best solution is to get a Doctype at the top of the document. But I don't have control of that, as of yet.
Any advice is appreciated! :)
The <!DOCTYPE html> decoration must be at the top of any page and cannot be within <html> tag.
Please see the article. http://www.w3.org/wiki/Doctypes_and_markup_styles. It should be declared somewhere, like in a head file or some such.
Edit: Format + Added up to date relevant documentation.

Difference between "/" and "!/" in Slim

As far as I can see, a piece of code like:
/ This is a comment that will never get displayed, even in the source code
Will never be seen, and so seems to have no use? Why would a person ever use it when there is
/! This is a comment that will only get displayed in the source code
Which will comment the code when it is compiled to HTML.
Is there something that I am not getting? Why would anyone make an invisible comment?
I think you mean /! - you had them the other way around in your example.
/! produces an HTML comment
/ produces a comment in the code which doesn't compile to HTML
Sometimes you want to published your comments so the outside world can see them. Code copyright, attribution or legal notices would be a good example of comments you want everyone to see when this compiles to HTML.
Code comments stay in your slim templates so will only be visible by people working with the template. Since comments are usually there to help developers and people working with the code rather than the general public, it makes sense to not compile most of this stuff into HTML. So "invisible" comments are actually visible to the people that need to see them.
The "invisible" comment will be seen by the coder reading the slim template, so it can be useful for a future coder to understand why you did something. This comment won't be seen by anyone checking the generated html source code once the page is online.
The other type of comment will also add html comments, so thru will be visible online.

how to make chrome or firefox more sensible about html mistakes

i use Chrome and Firefox to test my webpages. but there is a problem. They are less sensitive about html mistakes and some time after uploading a page the mistakes start to show themselves. and then i see for example i have a tag that when i decided to replace it with a tag i forgot to change the close tag. in local and solely it wasn't problem but in server among some others it start to become a big problem.....
is there any plugin or add-on or a setting to control their sensitiveness?
thanks all about validatores, but what about validating when there is php embedded. i test them while php is embedded and there where so poor result ...
Yo,
Browsers are very tolerant towards html that doesn't follow the w3c standards. Often the code will work if it's close enough however if it is very wrong your browser won't be able to understand it. If you want your code checked then you should use a html validator, however with more experience you should be able to spot code mistakes like an hawk spots a mouse in a field.
Here's a validator I found on google! http://www.freeformatter.com/html-validator.html
Best of Luck!

Css not added to content loaded dynamic in IE

I have ben looking everywhere but I cant seem to find any good answer to this question.
I am loading a few items, first when page loads and then if the user wants to change language for example the divs are loaded dynamically again. In all browsers except IE this works fine. In IE the content is loaded BUT its css is completely lost. WHY? No clue? I have ben trying to load the css with the file I am loading without any result so now I am hoping for you guys!!
Please help
Like the above comments said, we'd need to see the code to get a better perspective of what's happening.
Just a thought. Have you gone through the debugging process with Console, this giving more information you could relay? Does the CSS work before the user changes? Is the CSS loaded in the header? And/or for debugging purposes have you seen if inline CSS works? (this would be better as a comment but I don't have that privilege yet). Good luck, and let us know.

Last few html tags not rendering?

An interesting issue which I've googled and can find absolutely no reference too, perhaps because I'm too vague on the cause myself.
I have a simple jsp page that is run from a struts 2 action. It' fairly javascript heavy, but its an internal app on my company's intranet so thats not a great problem.
All seems normal so far, right? but interestingly, the last few tags on this page fail to render. This is true for all browsers I've tried it in (IE, FF, Chrome).
What I mean by not rendering is that they simply don't exist when you view the source! whats worse, in IE, half a tag declaration is actually printed as text at the bottom of the page. All very odd.
But what makes it even stranger, if I put a few <br /> tags after the </html> tag, then all browsers render down past the </html> tag, but still cut off the last few <br />'s.
Has anyone ever heard of anything like this? I don't even know where to start troubleshooting! I know my description is vague but that's only because I'm a bit vague on it myself.
If 'View Source' does not show you the tags then it is not a rendering problem, but a server or network problem, as the content is not being delivered to the browser.
It sounds like a buffer flush problem to me. Have you got any filters that might be buffering the html before it gets to the browser?
Sounds like you have an unclosed quotation mark somewhere. Or something like that. Stuff like that can mess up even the source view as some browsers don't show the exact bytestream they received in the socket in source view (I know for a fact that IE used to do this). Try doing a GET with wget or a telnet client or something similar and see what happens.
We should see the code of your jsp to answer. I suspect there is an unclosed tag or a an unclosed quotation mark of an attribute - as DrJokepu said - in the jsp.
That is the first time I have heard that IE is behaving the same way as the other browsers; by accident...
But seriously, is the html error-free?
I recommend using the html validator extension for Firefox to show you if the html is producing any errors or warnings.
There has to be an error somewhere, but without the code it is impossible to say what it is.
I had a problem some time back with a web-site that was getting 'cut-off' and similarly, I solved the problem with a quick hack but never a proper solution. What it came down to for me was that the web server seemed to require the content-length of the page for it to render properly. When I buffered the output and added the content length, the page would load in full. Different technology though - this was an application built on Perl CGI running on Apache 2.2.
Thanks for the assistance all, but unfortunately none of these seemed to help. I've found a hacky way around it and since its not a critical app, It'll just have to do.
thanks again