28.10.2024
html и заодно w3c schools
Подборочка ссылок, которую я насохраняла себе при каком-то предыдущем забеге в обновление представлений о html+css. И полезняшков по ходу. Ну, и теперь иногда пополняю.
- https://html.spec.whatwg.org/multipage/ - html-стандарт
- https://www.w3.org/TR/2016/WD-html51-20160310/index.html
- http://www.w3.org/ - стандарты про всякие html, css и прочее.
- https://www.w3schools.com/default.asp - туториалы и прочие плюшки w3
- https://www.w3schools.com/html/default.asp - html-туториал
- https://www.w3schools.com/howto/default.asp - хаутушки
- https://www.w3schools.com/icons/default.asp - иконки
- https://www.w3schools.com/icons/icons_reference.asp - мегасписком
- https://www.w3schools.com/howto/howto_google_fonts.asp - гуглфонты
- css - штобы была ссылка
- https://habr.com/ru/articles/774112/ - про пользу и удобство некоторых старых тегов.
- https://habr.com/ru/articles/833094/ – про
<link rel="alternate" hreflang="x-default" href="http://example.com/">и типа того, для указания языковых версий страницы. - https://htmlforpeople.com/intro/ – про «как сделать просто» smolweb-ное.
Полезняшки
doctype-ы html 4, xhtml 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
html5 почти минимальный файл
Короткий doctype. Скриптам и стилям не надо лишних атрибутов. Кодировку тож попроще указывать.
<!DOCTYPE html>
<html lang=ru>
<head>
<meta charset="utf-8">
<title>Пример страницы</title>
<style>
p { color: navy; } /* зачем-то синие абзацы :) */
</style>
</head>
<body>
<p>Страница на HTML5</p>
</body>
</html>
гамбургер и тизер-енд
<!-- ☰--> <!-- TEASER_END: Читать дальше -->
перенаправление - html meta
Откуда-то давно прихвачено
<!-- remove the following three lines to stop redirecting to the help page <meta http-equiv="refresh" content="1;url=/help/" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> -->
Все посты