Създавайте, организирайте и почиствайте вашия HTML код
SEO съвети и съвети от независим SEO консултант
С голямо удоволствие се озовах тук днес, за да говоря с вас за HTML и какво трябва да знаем, когато тепърва започваме.
На първо място, бих искал да благодаря на Александра МАРТИН с псевдоним Miss-SEO-Girl, че любезно ме покани да споделя техническите си познания в този блог, и особено с вас !
За тези, които не ме познават (всички, които мисля: P), казвам се Thomas CUBEL, на 22 години съм и в момента съм в процес на превръщане в SEO. Въпреки това, аз все още имам опит като разработчик, тъй като 3 години се обучавах като уеб администратор.
След като презентациите са направени, ще мога да ви разкажа за тази статия, ориентирана повече към техниката.
За да започнете, ще ви преведем през някои от по-фините точки на създаването на HTML документ, след което ще видим как да организираме и почистим нашия код. Това ще ви позволи да избегнете грешки, да препрочетете лесно и да направите вашия код практичен и мащабируем.
Тази статия е предназначена предимно за начинаещи в HTML, но ще задоволи голям брой хора, жадни за нова информация по темата.
Създайте първата си страница
Първо, в тази първа част ще разгледаме създаването на първи HTML документ. Ще видим какви инструменти да използваме, защо е по-добре да се разработваме в HTML5, а не в друга версия, и как можем да се подготвим за създаване на качествен код.
Инструментите
За да създадете HTML документ, технически всичко, от което се нуждаете, е обикновен бележник. Няма обаче да можете да подчертаете синтаксиса, който оцветява вашите маркери, атрибути и други. В допълнение, не е много практично да се разработва върху бележника, тъй като той няма много функционалност в сравнение с други инструменти, ориентирани към разработката.
Затова вместо бележника ви съветвам първо да изберете Notepad ++. Това е много лек инструмент за разработка, който може да бъде конфигуриран, както ние искаме и още повече, е безплатен! По-късно, когато имате PHP или други езици, можете да преминете към софтуер, наречен EDI (интегрирана среда за разработка) като Netbeans, Eclipse или Komodo. За щастие, за HTML днес не са ни необходими онези интензивни „газови фабрики“ на вашия компютър.
След като Notepad ++ бъде изтеглен, инсталиран и стартиран, помощната програма е в текстов режим. Това означава, че всичко, което напишете, ще се счита за текстово съдържание и нищо повече. Затова ви предлагам да преминете към HTML режим, като кликнете върху Език-> HTML чрез главното меню.
Оттам нататък всичките ви елементи ще се възползват от подчертаването на синтаксиса, а Notepad ++ ще разглежда съдържанието ви като HTML по подразбиране. Имайте предвид, че разполагате с повечето езици от А до Я и че ще бъде практично за вас да редактирате различни и разнообразни файлове.
След това, за да избегнете проблеми с кодирането, предлагам да изберете UTF-8 (без спецификация) чрез менюто Кодиране-> Кодиране в UTF-8 (без спецификация). Това ще предотврати проблеми със съвместимостта, проблеми с акценти или други подобни. UTF-8 е универсален.
След като нашият инструмент е конфигуриран, ще се заемем със софтуера, който интерпретира нашия HTML код: Навигатора. Предлагам да инсталирате множество браузъри на компютъра си, за да можете да тествате кода си на различни решения. Що се отнася до мен, избрах Mozilla Firefox като основен браузър, Internet Explorer и Google Chrome като тестови браузъри. Можете също така да инсталирате разширение тип Firebug, което ще ви помогне да откриете грешките си в кода.
След това обикновено ще имате всички основни инструменти за разработване в HTML. Освен може би неговото чиракуване. Освен това сега ви предлагам кратко представяне на HTML5, за да можете да помислите за използването му още сега.
HTML5? Бъдещ еталон ...
От раждането на езика HTML през 90-те години, много версии се появиха над версиите. Нови тагове, нови начини за разработване и днес нови начини за възстановяване на структурите на нашите сайтове с помощта на HTML5.
Всъщност, от обявяването на ревизията на HTML5 през 2007 г., мрежата се кълне в този език, който все още се разработва и днес.
Защо HTML5 е толкова популярен? Защо постоянно се насърчаваме да използваме този език? Какви са загадките зад тази ?
Много въпроси остават сред нас, но е сигурно, че в бъдеще именно тази версия ще отбележи модернизацията, семантичната мрежа и други важни характеристики на уеб света.