Какой веб-сайт лучше всего подходит для семантического изучения HTML?

Куда мне указать кого-нибудь, чтобы изучить основы HTML / CSS? Я лично начал с HTMLGoodies еще в те дни, но хотя я благодарен Кену Бернсу за то, что он заставил меня начать, мне неприятно отправлять кого-то на этот сайт в настоящее время, поскольку я думаю, что он устарел.

Очевидно, существует множество сайтов, которые в совокупности содержат всю необходимую информацию, но куда послать кого-то нового, кого вы не хотите отпугивать?


редактировать:

Я искренне думал, что что-то упустил из-за того, что не использовал w3schools.com, но я вижу, что на трех страницах учебника (как html, так и xhtml) они используют <b></b>. Проклятый позор, что они не поощряют семантику.

Кто-нибудь знает что-то, что сбивает людей с пути?

> они используют <b> </b>, это действительно упрощает изучение html этим. Если они с самого начала используют какой-либо идентификатор, классы и ссылки на таблицы стилей css, это может вызвать трудности в понимании базовых концепций html.

sergtk 17.12.2008 23:11

@koldfyre - жирный шрифт подразумевает эстетику, а не содержание. сильный означает, что это следует читать с убеждением. то же самое касается em (курсив) и тега курсива. Подумайте, как программа чтения с экрана должна читать курсив или полужирный шрифт, и вы поймете, почему это запрещено.

Steve Perks 17.12.2008 23:26

@sergdev - Я согласен с тем, что они не должны вводить стили, но они не должны поощрять жирный шрифт как элемент, когда это один из самых редко используемых элементов в книге. Жирный шрифт - это элемент представления, и семантика / стандарты заставляют нас разделять контент и представление по уважительной причине.

Steve Perks 17.12.2008 23:40

Однако меня раздражают системы, которые переводят <i> в <em>. <i> является семантическим: оно используется для многих грамматических конструкций, таких как названия кораблей, названия книг и обсуждение слов как слов: сравните «Сократ был греческим философом» с «<i> Сократ </i> состоит из восьми букв. ". Я не уверен, являются ли полужирные теги семантически точными.

TRiG 26.11.2009 18:23

@ timothy.green.name - Я согласен с тем, что для элемента курсива есть веские причины, и мне нравится, что вы указали на него. Я просто хочу, чтобы обучающие сайты представили его на более позднем, более продвинутом этапе.

Steve Perks 01.12.2009 02:53
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
10
5
2 486
11
Перейти к ответу Данный вопрос помечен как решенный

Ответы 11

Кроме того, никогда не стоит недооценивать силу чтения источника на хорошо написанных веб-сайтах.

Не заслужил отрицательной репутации за это. Чтение разметки других людей было бы моим домашним заданием.

Steve Perks 17.12.2008 23:14

Некоторые люди лучше всего учатся, глядя на что-то, что работает, разбирают это и затем снова собирают в ремиксе. Однако не все так учатся, просто имейте это в виду.

Bryan Rehbein 18.12.2008 02:02

Прочтите эту книгу (Разработка с использованием веб-стандартов Зельдмана)

Я считаю, что Зельдман больше подходит для людей, уже участвующих в игре, хотя вы не должны входить в игру, не прочитав ее.

Steve Perks 17.12.2008 23:15
Ответ принят как подходящий

Собственно, я лично тоже начал с HTMLGoodies. Я думаю, что tizag.com более обновлен.

У меня всего несколько страниц, и я ясно вижу, что это именно то, что я искал. Просто, дружелюбно и точно так же, как HTMLGoodies, но без беспорядка, который они вносили за эти годы. Тем не менее страшный жирный тег

Steve Perks 17.12.2008 23:23

Я рекомендую вам проверить этот более современный сайт snoopcode.com намного лучше, чем w3schools и tizag

Prabhakar Undurthi 06.10.2015 12:05

Я не могу поверить, сколько людей отвечают с w3schools. Я не мог рекомендовать достаточно, чтобы люди НИКОГДА не упоминали это место снова. Это ужасный ресурс.

Несколько хороших мест:

Дополнение для HTML5:http://diveintohtml5.ep.io/

http://alistapart.com

http://www.quirksmode.org/

http://www.thinkvitamin.com/

Не полный, но alistapart.com является обязательным к прочтению для любого веб-разработчика, которого мы нанимаем.

@Mike - Я полностью согласен со списком для дальнейшего чтения, но я явно ищу места, где можно послать целого новичка, которого я не хочу запугать. HTML - это легко, но вам нужно преодолеть эту первую горку.

Steve Perks 17.12.2008 23:29

И +1 за все книги, которые пишет Джеффри Зельдман.

Mike 18.12.2008 02:22

Я люблю A List Apart. Мы только что наняли нового дизайнера для иллюстраций / логотипов и прочего. Он изрядно использовал флеш, но никогда раньше не работал в Интернете. Я указал ему на A List Apart.

TRiG 26.02.2010 20:15

Почему вам так не нравится W3Schools? Они на самом деле довольно хороши, чтобы понять основы. Если вы новичок в HTML и др. то я полностью рекомендую W3Schools для HTML и CSS. Если вы хотите большего, я рекомендую поискать в Google, как люди решили вашу проблему. Поэтому я подчеркиваю, что сначала нужно научиться основам W3, а затем, когда вам это понадобится, погуглить конкретные вещи. Думаю, каждому свое.

1934286 12.09.2013 23:16

Не могу поверить, что здесь люди рекомендуют W3Schools. Это последнее место, куда я бы порекомендовал пойти.

Единственное место, куда я бы порекомендовал пользователю отправиться, - это SitePoint. Многие статьи нацелены на продвинутых пользователей, хотя само качество форума и статьи для начинающих слишком хороши, чтобы пройти мимо. Я также согласен с рекомендациями Майка как с местами для отправки полного новичка.

Что касается практических навыков, то я бы порекомендовал открыть текстовый редактор или хорошую IDE в режиме текстового редактора и просто написать веб-сайт, чтобы посмотреть, что произойдет. Перейдите на страницу Веб-дизайн с открытым исходным кодом и посмотрите, как другие создали базовые макеты, а затем примените этот навык к своим.

HtmlDog имеет хороший набор руководств для начинающих, средних и продвинутых пользователей. В нем также есть полезные ссылки по всем вопросам, связанным с HTML и CSS.

хорошо выглядит, начинается на правой ноге

Kzqai 29.12.2010 18:23

I can't believe that people here are recommending W3Schools. That's the last place I would recommend anyone to go. For me its a great... Maybe isn't "the" reference website, but is a very good and practical cheatsheat about html and stuff...

Раздел htmldom для меня один из лучших ...

Если вам нужна ссылка, то лучшим местом является сама спецификация. Как только вы почувствуете структуру, прочтете и протестируете достаточно исходного кода с других сайтов, вы более чем сможете написать свой собственный.

Mike B 19.12.2008 08:47

@MikeB Сама спецификация похожа на чтение юридического документа. Слишком сложно просто выучить несколько вещей. Я прибегаю к спецификации только тогда, когда не уверен, действительна ли моя разметка.

1934286 12.09.2013 23:13

Мне очень нравится yourHTMLsource. Quirksmode и AlistApart великолепны. А Аяксиан - это более продвинутый и широкий ресурс вещей. Я начал с w3schools, но вскоре стал тем сайтом, которого я больше всего избегаю.

Если вы говорите по-немецки, лучший сайт для изучения HTML: http://selfhtml.org

Почему нет ссылки? selfhtml.org.

TRiG 26.02.2010 20:18

Чтобы ответы на этот вопрос были актуальными, по состоянию на 2011 год Учебная программа Opera Web является лучшим способом изучить интерфейсную веб-разработку. Он всеобъемлющий, поощряет передовой опыт и, как правило, является превосходным ресурсом для тех, кто совершенно не знаком с этой областью.

Думаю, стоит проверить www.tutorialrepublic.com. На этом сайте есть отличные руководства по HTML / CSS. Я изучил HTML / CSS с этого сайта, и мне это очень нравится, они очень четко объясняют тему.

Другие вопросы по теме