{"id":20350056,"url":"https://github.com/webbestmaster/semantic-html","last_synced_at":"2026-03-07T03:32:06.683Z","repository":{"id":89686955,"uuid":"454113025","full_name":"webbestmaster/semantic-html","owner":"webbestmaster","description":null,"archived":false,"fork":false,"pushed_at":"2022-02-01T19:16:02.000Z","size":9,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-04T16:35:03.872Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webbestmaster.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-31T17:58:18.000Z","updated_at":"2022-02-01T19:16:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"3cf0ba6a-d5f3-4719-a314-6e7340c38727","html_url":"https://github.com/webbestmaster/semantic-html","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webbestmaster/semantic-html","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webbestmaster%2Fsemantic-html","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webbestmaster%2Fsemantic-html/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webbestmaster%2Fsemantic-html/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webbestmaster%2Fsemantic-html/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webbestmaster","download_url":"https://codeload.github.com/webbestmaster/semantic-html/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webbestmaster%2Fsemantic-html/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30206572,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-07T03:24:23.086Z","status":"ssl_error","status_checked_at":"2026-03-07T03:23:11.444Z","response_time":53,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-14T22:28:45.920Z","updated_at":"2026-03-07T03:32:06.646Z","avatar_url":"https://github.com/webbestmaster.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Semantic-HTML\r\n\r\nЦель: сделать примеры семантической вёрстки (далее СВ) с описанием и объяснением происходящего в них, то есть нужно постараться ответить на два вопроса \"как делать СВ?\" и \"зачем делать СВ?\"\r\n\r\nДоклад по семантике от Макеева - https://www.youtube.com/watch?v=W5DgVWtitjQ\u0026list=PLMBnwIwFEFHeD-j52BjuO2HMMw63fnBav\u0026index=9\r\n\r\n## План\\содержание:\r\n\r\n1 - каркас страницы, то есть тэги html, body, main, section и т.д.\r\n1.1 - атрибуты по типу ltr\\rtl и lang=\"en\"\r\n\r\n2 - как правильно расставить h1-h6\r\n\r\n3 - правильно сверстать картинку - тег пиктуре и имаге - https://www.youtube.com/watch?v=7EhpWOkNfZg - вот тут доклад Макеева про пиктуре\r\n\r\n4 - как правильно сверстать форму, тэги инпут тайп емаил, тел и т.д.\r\n\r\n5 - role and ARIA, role=\"button\" aria-label=\"open popup\"\r\n\r\n6 - figure, figcaption - тоже добавить\r\n\r\n7 - обязательно упомянуть тэги списка, цитаты\r\n\r\n8 - обязательно упоменять микро разметку\\опен граф\\вот это всё и что бы можно было указать например автора, и когда статься была написана\r\n\r\n9 - как мне кажется хороший пример семантики каркаса - https://medium.com/@stasonmars/%D1%81%D0%B5%D0%BA%D1%80%D0%B5%D1%82%D1%8B-%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-%D1%81%D0%B5%D0%BC%D0%B0%D0%BD%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B8%CC%86-%D0%B2%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B8-%D0%B2-html5-c7cd5e6f1ebb\r\n\r\n\r\n## Дополительно\r\nаттрибует hidden который без всяких css стилей скрывает элемент, это работает за счёт встроенный стилей браузера\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebbestmaster%2Fsemantic-html","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebbestmaster%2Fsemantic-html","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebbestmaster%2Fsemantic-html/lists"}