Jump to content
MaxCheaters Official Group on Discord
Top.MaxCheaters.com is now OPEN – Lineage 2 Top Listing

{Tutorial}HTML XHTML.Step 23.

MrHotFire

By MrHotFire
in Coding Tutorials/Guides

 Share

Recommended Posts

MrHotFire Newbie

MrHotFire

Posted
Posted

What Is XHTML?

 

    XHTML stands for EXtensible HyperText Markup Language

    XHTML is almost identical to HTML 4.01

    XHTML is a stricter and cleaner version of HTML 4.01

    XHTML is HTML defined as an XML application

    XHTML is supported by all major browsers.

 

Why XHTML?

 

Many pages on the internet contain "bad" HTML.

 

The following HTML code will work fine if you view it in a browser (even if it does NOT follow the HTML rules):

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>

 

XML is a markup language where documents must be marked up correctly and "well-formed".

 

The Most Important Differences from HTML

 

Document Structure

    XHTML DOCTYPE is mandatory
    The XML namespace attribute in <html> is mandatory
    <html>, <head>, <title>, and <body> is mandatory

XHTML Elements

    XHTML elements must be properly nested
    XHTML elements must always be closed
    XHTML elements must be in lowercase
    XHTML documents must have one root element

XHTML Attributes

    Attribute names must be in lower case
    Attribute values must be quoted
    Attribute minimization is forbidden

<!DOCTYPE ....> Is Mandatory

<!DOCTYPE html PUBLIC "-//MrHF//DTD XHTML 1.0 Transitional//EN"
"http://www.mrhf.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.mrhotfire.com/2012/xhtml">

<head>
<title>Title of document</title>
</head>

<body>
......
</body>

</html>

 

XHTML Elements Must Be Properly Nested

 

<b><i>This text is [b]bold[/b] and [i]italic[/i]</b></i>





XHTML Elements Must Always Be Closed

This is wrong:




<p>This is a paragraph
<p>This is another paragraph







This is correct:






<p>This is a paragraph</p>
<p>This is another paragraph</p>






 



Empty Elements Must Also Be Closed



This is wrong:






A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">







This is correct:






A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />







XHTML Elements Must Be In Lower Case



This is wrong:






<BODY>
<P>This is a paragraph</P>
</BODY>







This is correct:






<body>
<p>This is a paragraph</p>
</body>







Attribute Names Must Be In Lower Case



This is wrong:






<table WIDTH="100%">







This is correct:






<table width="100%">







Attribute Minimization Is Forbidden



This is wrong:






<input checked>
<input readonly>
<input disabled>
<option selected>







This is correct:






<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">






 



How to Convert from HTML to XHTML






    Add an XHTML <!DOCTYPE> to the first line of every page
    Add an xmlns attribute to the html element of every page
    Change all element names to lowercase
    Close all empty elements
    Change all attribute names to lowercase
    Quote all attribute values







 



Credits Olympus,Internet,ME.



			
		


		

		
			

		
	


	
    




	




					
					
						



	
	



					
					
				

					

					
					






					
					
					
				

					

					
					






					
					
					
				
			
			



		

	


	
	
	
	
	
		
	

			
				
				



	
	
		

			
				
Create an account or sign in to comment

				
You need to be a member in order to leave a comment

			
	
			

				

					

						
Create an account

						
Sign up for a new account in our community. It's easy!

						
							
						
						Register a new account
					

					

						
Sign in

						
Already have an account? Sign in here.

						Sign In Now
					

				

			

		

	


			
		

	

	
		

			

				
					


    
          Share
    

    

				
				
                

                


				
			

		

	







	

		
			
				Go to topic listing
			
		
	

	




								


							

							


	

		
		
		
			
			


		
		


	

		
    
			
				
					
					
  • 

	
    Posts
    
	
		
    
			
      
				
					
    • 
						
      
							


	
		Elfo
	

						
      
						
      
							
       L2Network.eu Just Got a Major Upgrade — Here's What It Means
      
							
      By 


Elfo · Posted 
      
							
      
								If it is AI-generated, you used a really shit model. Even AI wouldn't be able to generate obvious errors like the badge misalignment.
 


	 
 


	I do find it funny, however, that out of everyone to accuse you, Splicho, who used AI to fully generate this https://nimeracp.com/, is the one to talk.
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		L2TopNetwork
	

						
      
						
      
							
       L2Network.eu Just Got a Major Upgrade — Here's What It Means
      
							
      By 


L2TopNetwork · Posted 
      
							
      
								You’re free to dislike the design, that’s subjective and totally fine. But calling everything you personally don’t like “AI generated” is not really an argument 😄
 


	The funny part is that the layout constraints you’re criticizing are actually intentional design decisions for toplist platforms — ads, rankings, visibility blocks, sponsor placements, and high information density. This isn’t a portfolio landing page or a SaaS dashboard where you can leave half the screen empty for aesthetics.
 


	Also, AI-generated UIs usually look generic, over-animated, inconsistent, and impractical for real long-term usage. Our platform has been evolving for years based on actual user behavior, server owner needs, CTR optimization, and functionality requirements.
 


	You may not like the visual style, and that’s okay. But confusing “I don’t like this design” with “this was made by AI” just shows you’re judging emotionally instead of technically.
 


	Anyway, appreciate the feedback. Good luck to you too 🙂
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		Splicho
	

						
      
						
      
							
       L2Network.eu Just Got a Major Upgrade — Here's What It Means
      
							
      By 


Splicho · Posted 
      
							
      
								You don't get it what I am trying to say. 
	 
	Your UI is simply ai generated, entirely. The current theme what you are using. 
	 
	I am not talking about the backend. 
	 
	It's just my personal preference/opinion that I think your UI looks really bad because it's AI generated and whoever worked on it didn't give a single fuck about how it looks, or at least take the time to rework the UI that AI generated yourself.
 


	 
 


	AI is just bad with design and your website is a proof of concept once again. 
	 
	But how would someone know what looks good and what does not look good if one doesn't have the design skills or knowledge.
 


	 
 


	Whatever, good luck with your site.
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		L2TopNetwork
	

						
      
						
      
							
       L2Network.eu Just Got a Major Upgrade — Here's What It Means
      
							
      By 


L2TopNetwork · Posted 
      
							
      
								Of course AI can generate Bootstrap now, but back in 2021 nobody was building sites with Codex like today 😄
 


	And yes, the site looks different because we kept updating the UI over the years — colors, cards, spacing, dark mode, mobile tweaks, animations, badges, and layout refinements. That’s called maintenance and redesign iterations, not rebuilding the whole backend from scratch.
 


	The core architecture is still the same Bootstrap-based structure we’ve used for years because toplist websites need specific blocks and banner placements to work properly.
 


	You can literally compare both screenshots and see the evolution. One is the older 2021 version, the other is the current polished version after years of manual improvements.
 


	No AI magic involved, just hand-coded work and years of updates 🙂
 


	And honestly, if someone thinks every Bootstrap website is AI-generated now, then half the internet was apparently built by ChatGPT before ChatGPT even existed 😂
 

							
      
						
      
					
      • 
				
					
    • 
						
      
							


	
		justwmz
	

						
      
						
      
							
       Looking for patch Classic 3.5 TalesUntold NA P 286
      
							
      By 


justwmz · Posted 
      
							
      
								Hello,
 


	 
 


	I am looking for clean patch for patch Classic 3.5 Tales Untold NA P 286.
 


	Thanks in advance!
 

							
      
						
      
					
      • 
				
			
    
		
    
	


    • 
				
					
					
  • 

    • 
				
					
					
  • 

	
    Topics
    

	
		
    
			
		
    
	

    • 
				
					
					
  • 

    • 
				
			
		

	


	


						

					

					
				

				

			

		

			

				

				
			

		

		



	

		×
		


    
	





			
				

					
				

			

			

			

			
		

	






	

		×
		

			
    
				
  • Create New...
    • 
				
			

		

	




		






















	

		

			
Important Information

			
This community uses essential cookies to function properly.  Non-essential cookies and third-party services are used only with your consent.  Read our Privacy Policy and We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue..