×
Clear all filters including search bar
Valeri Tandilashvili's HTML Notes
Results: 114
HTML5 Forms
- The Web Forms 2.0 specification allows for creation of more powerful forms and more compelling user experiences. - 
Date pickers
, 
color pickers
, and 
numeric stepper controls
have been added. - Input field types now include 
email
, 
search
, and 
URL
. - 
PUT
and 
DELETE
form methods are now supported
preconnect to required origins
Problem: Consider adding 
preconnect
or 
dns-prefetch
resource hints to establish early connections to important third-party origins. For example to pre-connect google analytics: 
https://www.google-analytics.com
we should include 
rel
attribute with 
preconnect
value:
<link rel="preconnect" href="https://www.google-analytics.com" crossorigin>
in 
head
tag
Links do not have a discernible name
Solution to the problem - to use 
aria-label="Twitter"
attribute on 
a
tag
<a href="<?=$hostname?>" aria-label="Sibrdzne" class="bg-logo"></a>
noreferrer on links
Links to cross-origin destinations were not safe (
lighthouse
) Advice: Add 
rel="noopener"
or 
rel="noreferrer"
to any external links to improve performance and prevent security vulnerabilities
<a class="a_" rel="noreferrer" href="http://orthodoxy.ge" target="_blank" title="მართლმადიდებლური საიტი orthodoxy.ge">orthodoxy.ge</a>
Links that the 
noreferrer
was used: 
orthodoxy.ge
teodore.ge
qadageba.ge
basic HTML snippet in different IDEs
Sublime Text: by typing 
<ht
autocomplete will appear and after pressing enter, inserts the following basic HTML:
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
</html>
In VS Code, after typing 
!
will be inserted the following HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
benefits of serving static files on another domain 
1. Using another domain name means that you'll be able to not have the cookies that are used on the main domain - which means that HTTP requests will be smaller
2. No need for a full PHP/.NET/JAVA server to serve static content!
3. Use another machine to serve the static content (Including some CDN) 
4. Use another web-server to serve the static content (something more lightweight and faster)
Error: Start tag seen without seeing a doctype first. Expected <!DOCTYPE html>
Error: Attribute href not allowed on element div at this point 
<div class="action-button_toggle_menu nav-link dropdown-toggle btn btn-light username" href="#" id="…wnMenuLink"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-pressed="false">
Error: CSS: font-weight: 550 is not a font-weight value 
<span style="text-transform: uppercase;font-weight:550; font-size:38px">
Error: Element div not allowed as child of element button in this context
Results: 114