FC2ブログ

メインコンテンツ

FC2ブログをHTML5で書きたい人へ ver.2.4

(Thu)

Posted in テンプレート

HTML5でFC2ブログのテンプレートを作成したい方の為のベースとなるHTMLファイルを作りました。
HTML5に詳しい方。ソースに関してタグの使い方等の修正点等ありましたらご教授のほどお願いします。

ver.2.3からの変更点
1.アウトラインの調整
2.一部を除き見出しをh1に統一(一部display:none;を指定していますので表示されません)
3.コメントフォームにautocomplete機能を追加
4.コメントフォームにfieldset、legendを追加(display:none;、border:none;を指定していますので表示はされません)
5.トラックバック表示部のバグを修正
6.その他細部を修正

トップ画面アウトライン構成:
1.サイト名
 1.メインコンテンツ(表示されません)
  1.記事タイトル
  2.記事タイトル
  3.記事タイトル
  4.記事タイトル
  5.記事タイトル
 2.プラグイン(表示されません)
  1.プラグインタイトル
  2.プラグインタイトル
  3.プラグインタイトル
  4.プラグインタイトル
  5.プラグインタイトル
 3.メインナビゲーション(表示されません)
 4.リターンナビゲーション(表示されません)

トップ画面アウトライン構成:
1.サイト名
 1.メインコンテンツ(表示されません)
  1.記事タイトル
   1.Comments
    1.コメントタイトル
    2.コメントタイトル
   2.Leave a comment
   3.Trackbacks
    1.トラックバックタイトル
    2.トラックバックタイトル
   4.Trackback URL
 2.プラグイン(表示されません)
  1.プラグインタイトル
  2.プラグインタイトル
  3.プラグインタイトル
  4.プラグインタイトル
  5.プラグインタイトル
 3.メインナビゲーション(表示されません)
 4.リターンナビゲーション(表示されません)

注意点:
1.W3C Markup Validation Serviceでチェックしたところ、エラーはありませんが記事の内容によってはエラーが吐き出される場合があります
2.HTML 5 Outlinerでチェックした所、「Untitled Section」が2カ所出力されますが、これはnav要素に対するものですので問題はありません
3.HTML5ではcharsetの推奨値はUTF-8になりますがFC2ブログの環境上、このベースHTMLのcharsetはeuc-jpになっております
4.HTML5で新規追加されたタグを使っておりますので、ブラウザによってはデザインが崩れる場合があります

HTML
ハイライトされている行(128、181行目)のコメントアウトを解除してお使いください。
ハイライトされている行(249行目)はデザイン者の名称に変更してください。
ハイライトされている行(20~23、26、27行目)を状況に応じて修正してお使いください。

]]>
関連記事

Comments

дезинсекция от клопов в квартире москва цена

By PhilipWed(Tue)URL

<a href=http://gor-san.ru>дезинсекция дезинфекция москва -дератизация</a> - услуги по дератизации и дезинсекции -дезинфекция -оказание -помещений, фумигация зерна

Секс-шоп в Иркутске «Ledesire.shop»

By ВикаSextaM(Wed)URL

Ledesire.shop - анонимный шоп. Об этом никто не узнает

«Ledesire.shop» позволяет подобрать нужные секс игрушки в Иркутске, получить детальную информацию и сделать заказ, при соблюдении условий полной анонимности.

<a href=http://www.ledesire.vip/lp/>Интернет магазин - Секс шоп </a>

Кузовные работы в Минске

By RalphNox(Wed)URL

<a href=https://1rs.by/tekhnicheskoe-obsluzhivanie/zamena-masla-v-mkpp/>замена масла в мкпп</a>
<a href=https://1rs.by/kuzovnye-raboty/snyatie-kapota/>снятие капота</a>
<a href=https://1rs.by/remont-podveski/zamena-sharovoy-opori/>замена шаровой опоры</a>
<a href=https://1rs.by/remont-volvo/>ремонт Вольво</a>
<a href=https://1rs.by/kuzovnye-raboty/remont-glushitelya-krugovoy-shov/>диагностика подвески</a>
<a href=https://1rs.by/>кузовной ремонт авто</a>
<a href=https://1rs.by/remont-tormoznoj/>стоимость кузовного ремонта</a>
<a href=https://1rs.by/kuzovnye-raboty/>масло в акпп</a>
<a href=https://1rs.by/kuzovnye-raboty/udalenie-katalizatora/>удаление катализатора</a>
<a href=https://1rs.by/vyhlopnaya-sistema/zamena-vpusknogo-i-vypusknogo-kollek/>замена выпускного коллектора</a>
<a href=https://1rs.by/kuzovnye-raboty/>замена масла в двигателе</a>
<a href=https://1rs.by/remont-podveski/>замена втулок стабилизатора</a>
<a href=https://1rs.by/tekhnicheskoe-obsluzhivanie/zamena-masla-v-akpp/>замена масла в акпп</a>
<a href=https://1rs.by/kuzovnye-raboty/>замена амортизаторов</a>
<a href=https://1rs.by/kuzovnye-raboty/stapelynie-raboti/>стапельные работы</a>

<a href=https://1rs.by/remont-podveski/zamena-sharovoy-opori/>экспресс замена масла</a>
<a href=https://1rs.by/remont-podveski/zamena-stupichnogo-podshipnika/>замена воздушного фильтра</a>
<a href=https://1rs.by/kuzovnye-raboty/>кузовной ремонт автомобиля</a>
<a href=https://1rs.by/tekhnicheskoe-obsluzhivanie/zamena-masla-v-dvigatele/>стоимость кузовного ремонта</a>
<a href=https://1rs.by/kuzovnye-raboty/udalenie-katalizatora/>диагностика подвески</a>
<a href=https://1rs.by/remont-podveski/>ремонт бампера</a>
<a href=https://1rs.by/kuzovnye-raboty/>замена масла в двигателе</a>
<a href=https://1rs.by/remont-podveski/zamena-stoek-stabilizatora/>замена масла</a>
<a href=https://1rs.by/kuzovnye-raboty/>кузовные работы</a>
<a href=https://1rs.by/tekhnicheskoe-obsluzhivanie/zamena-masla-v-dvigatele/>ремонт бампера</a>
<a href=https://1rs.by/tekhnicheskoe-obsluzhivanie/zamena-vozdushnogo-filytra/>удаление катализатора</a>
<a href=https://1rs.by/kuzovnye-raboty/>удаление катализатора</a>
<a href=https://1rs.by/tekhnicheskoe-obsluzhivanie/zamena-masla-v-dvigatele/>замена тормозных колодок</a>
<a href=https://1rs.by/kuzovnye-raboty/>ремонт бампера</a>
<a href=https://1rs.by/tekhnicheskoe-obsluzhivanie/zamena-masla-v-akpp/>кузовной ремонт автомобиля</a>



<a href=https://reg-business.com/reorganization-ooo/>ооо бизнес онлайн</a>
<a href=https://reg-business.com/ip-registration/>регистрация ип в москве под ключ</a>
<a href=https://reg-business.com/ip-registration/>зарегистрировать ип в москве</a>
<a href=https://reg-business.com/>компания регистрация</a>
<a href=https://reg-business.com/>регистрация ооо под</a>
<a href=https://reg-business.com/ip-registration/>юридический адрес регистрация</a>
<a href=https://reg-business.com/ip-registration/>регистрация ооо цена</a>
<a href=https://reg-business.com/ip-registration/>регистрация ооо под ключ</a>
<a href=https://reg-business.com/sale-ooo/>зарегистрировать ип в москве под ключ онлайн</a>
<a href=https://reg-business.com/ooo-registration/>регистрация ип под ключ</a>
<a href=https://reg-business.com/ooo-registration/>регистрация ооо 2019</a>
<a href=https://reg-business.com/ooo-registration/>регистрация ооо в москве под ключ</a>
<a href=https://reg-business.com/ip-registration/>регистрация ооо</a>
<a href=https://reg-business.com/changes-in-region/>компания регистрация</a>
<a href=https://reg-business.com/ooo-registration/>документы для регистрации ип</a>

Консультации Астролога.

By RobertTrusa(Thu)URL

Консультации астролога http://pp.astrologia-profi.ru Финансы и Карьера. Брак и Семья, Прогнозы, составить гороскоп, астрология гороскоп, натальный гороскоп карта, составить гороскоп рождения, составить гороскоп по дате рождения, гороскоп жизнь, обучение астрологии, обучение астрологии онлайн

ФРЕЗЕРНЫЙ ПО МЕТАЛЛУ 3030, 4040, 6060

By ShawnDum(Fri)URL

Представляем Вашему вниманию промышленные фрезерные станки с ЧПУ серий CNC-3030, CNC-4040 и CNC-6060. Промышленные фрезерные станки с ЧПУ данной серии предназначены для обработки дерева, пластмасс, органического стекла, акрила, камня, цветных металлов и даже стали. Управление промышленным фрезерным станком осуществляется системой числового программного управления. Промышленные фрезерные станки с ЧПУ по дереву и металлу нашего производства позволяют изготавливать художественные панно для отделки интерьеров и фасадов зданий, логотипы фирм, рекламную продукцию из дерева и металла.

Производимые на нашем заводе промышленные фрезерные станки с ЧПУ по дереву и металлу применяются для небольших высокоточных изделий, ювелирных задач, восковок, печатных плат, 2D и 3D фрезеровки небольших изделий, металлических форм, шильдов, приборных панелей, штампов и электродов, сувениров и многого другого.

Обращайтесь: https://stanki-chpu.ru/cnc-stanok/cnc304060-cena/

Как не пролететь с диваном?

By Jessieexinferge(Mon)URL

Здравствуйте!
Класный "Танго" манит стильной формой и фактурой.????
Воспользуйтесь "Зеленым корридором" в салонах мебели "Ладья" (ОТК "Тандем" и ТЦ "Аксон" на проспекте Фрунзе) в будние дни.
"Зеленый коридор" позволяет Вам получить максимум информации от консультантов и успеть до праздников завершить обстановку своего дома или дачи.
Вот ссылку нашла, посмотрите:
<a href=https://www.ладья.онлайн/new-collections/tango.html>Диван мне понравился</a>

Как я накрутила подписчиков Instagram в Инстраграм

By Inessasorkibidogs(Mon)URL

Привет, ребят, вы спрашивали как я нарутила Инсту, так вот бросайте платить!
запустился свежий БЕСПЛАТНЫЙ сервис по привлечению живых подписчиков в инстаграм!
до 250.000 подписчиков могут прийти к Вам абсолютно БЕСПЛАТНО! (посмотрите видео на сайте)
pyrogram.ru/2208
https://pyrogram.ru/2208
Вот Преимущества этого сервиса:
Только живые подписчики
Все сами хотят на вас подписаться
Не отписываются, как это бывает при ГИВах!
Не нарушают правила Инстаграм
Быстро, Бесплатно, Безопасно!
Пароли от аккаунтов не требуются!
Я сама сомневалась, но этого просто классный сервис!
не бойтесь, придумывайте пароли (не от инсты).
Все удачи! До связи.

Правельный выбор

By Ramon bup(Tue)URL

выполненные с использованием практичного нержавеющего металла. Важный конструктивный элемент, часть дизайна здания, гаранты безопасности и удобного спуска и подъема по лестнице

фото строительных

By Perryraime(Wed)URL


<a href=https://mirstroy.su/zabor/>забор из бетона</a> - ландшафтном проектировании, ремонт в подъезде

Водоподготовка и водоподведение Всеволожск

By crurl(Wed)URL

Эта специализированная компания ПБОЮЛ МПЦУ Лениногорск организует новейшим методом теле-видео инспекциютехнических систем, сетей хоз. бытовых, сетей хоз. бытовых, инженерных систем, ливневой канализации и так далее.
Видео/телеинспекция трубопровода производится спец камерой, которая проходит по трубе и передаёт изображение на видеомонитор и вдобавок проводится видеозапись труб.
Данная видиодиагностика предоставляет все возможности для того, чтобы определить состояние стенок и стыков труб, участки нахождения свищей, изъянов и остальных повреждений, обнаружить засоры и инородные объекты, несанкционированные врезки и тому подобное. Телеинспекция может быть применена и при приёме трубопроводов после выполнения строительных работ, проведения ремонта.
Самым большим положительным моментом устройства видеоинспекции является её мобильность, легкость доступа к трубам, а также возможность получать видеоизображение внутренних деталей трубы.

Наша отечественная корпорация Общество с ограниченной ответственностью ДСЗХ Домодедово
работает на предприятиях как индивидуальных так и муниципальных объектах.

Восстановление дебита скважины : <a href=https://akvabry.ru> Гидродинамическая очистка скважин</a>

табор сайт знакомств

By Robertbrunc(Wed)URL

<a href=https://tabor-znakomstva.ru/>табор знакомства регистрация бесплатно</a> - табор знакомства моя страница мобильная, табор ру сайт знакомств моя страница

Не загружается страница интернет-магазина Vseok

By DavidBenda(Fri)URL

Добросердечный день. Подскажите, пожалуйста, почему не открывается страница эта: https://images.google.com.sl//url?q=https://vseok.com.ua/?
Кто может помочь, в чем проблема?
Причинность загодя изза помошь.
Хорошего дня!

отделка квартир

By remontEasefstem(Fri)URL

отделка квартир спб
https://www.youtube.com/watch?v=eqpzy3ZwwgE

<a href=https://www.youtube.com/watch?v=UrIdLXGPPRI>отделка квартир в новостройках спб</a>

<a href=https://www.youtube.com/watch?v=eqpzy3ZwwgE>отделка квартир в спб цены</a>

отделка квартир спб
Ремонт квартир 2018
ремонт квартир спб



#mvdtrkH7sf4N

New Health. Youth. Young skin 2019

By Dennisbloob(Fri)URL

Youth Celluvation http://tkfl777.com/ Молодая кожа в любом возрасте без пластики и филлеров. Forever young skin without plastic surgery and fillers Available Now

Требуется менеджер по рекламе

By CarynGelcopizflelp(Fri)URL

В "Web-магазин Юлии Беззубовой" Требуется рекламный агент

ОБУЧЕНИЕ, ВОЗМОЖНО СОВМЕЩЕНИЕ.

ТРЕБОВАНИЯ:ОТВЕТСТВЕННОСТЬ,КОММУНИКАБЕЛЬНОСТЬ.
Обязанности: поиск заказчиков, оформление технических условий для изготовления и продвижения сайтов, контроль оплаты заказчиком товара, сдача готового сайта заказчику.
ОБРАЗОВАНИЕ не имеет значения.
ВОЗРАСТ не имеет значения.
Подработка в каникулы с согласия родителей.
З/П СДЕЛЬНО-ПРЕМИАЛЬНАЯ,от 45 000 до 98 000 руб.

Россия
тел.: +7 980 705 20 18
e-mail: bezzubova@bezzubova.ru
<a href=https://sitereclama.ru/o-studii.html>Официальный сайт.</a>
<a href=https://vk.com/webbezzubova>В социальных сетях - VK.</a>
<a href=https://ok.ru/group/56161045774352>В социальных сетях - Однокласники.</a>

обезвоживания осадков

By DHYcrurl(Tue)URL

В Сервисе имеется к продаже МЕШАЛКИ, Емкости и резервуары с подогревом, Мешалка коническая, Система механического обезвоживания осадка (мешочного типа), Поворотные колодцы, Тонущая загрузка, Гидроэлеватор, ОДЪЕМНЫЕ УСТРОЙСТВА И МЕТАЛЛОКОНСТРУКЦИИ Шнековые конвейеры, ВОДООЧИСТНОЕ ОБОРУДОВАНИЕ Очистка ливневых сточных вод: жироуловители, пескоотделители, маслобензотделители, сорбционные фильтры, комбинированные песко-нефтеудалители (с сорбционным блоком и без), ПОДЪЕМНЫЕ УСТРОЙСТВА И МЕТАЛЛОКОНСТРУКЦИИ Нестандартные металлоконструкции, ОЧИСТКА ЛИВНЕВЫХ СТОЧНЫХ ВОД КПН с сорбционным блоком, НАСОСНОЕ И КОМПРЕССОРНОЕ ОБОРУДОВАНИЕ (Грунфос, КСБ, Вило, КИТ, Взлёт, ТВП) Дренажные насосы, ВОДОПОДГОТОВКУ Установки фильтрации и предподготовки, а также все для автомойки Автомойки на базе песчанно-гравийной фильтрации.

У нас вы найдете Обратноосмотические системы очистки воды, а также Смотровые колодцы, мы можем произвести Строительство кессона. Бурение артезианских скважин, Поиск полезных ископаемых, Монтаж водоснабжения.

В нашей фирме проектирует, производит Монтаж канализации.


механическое обезвоживание осадка <a href=https://dehydrator.tech> обезвоживание осадков установки</a>

blnda000017

By Lorie(Tue)URL

УКП-66 работает с координатными домофонами, но не со всеми, бывает не слышно, бывает не открывает дверь по совместимости лучше уточнять у продавцов

Интернет магазин. Все для всех из Китая

By Michaelboaws(Wed)URL

Магазин Aida Syda - Дешевле, быстрее, надежнее Всех! https://aida77.ecwid.com/ Товары Женские, +7 (903) 152-57-51 (WhatsApp, Viber) Александр, Мужские, Популярные, для авто, мото,вело. VIP покупателей ждут призы, подарки, персональные скидки, бесплатная доставка.лапкой, #topproductsfromchina, полезные мелочи с алиекспресс, бюджетные, покупки с алиекспрес, недорогие, покупки к новому году, телефоны и смартфоны, крутые покупки, для праздников, клевые покупки, что заказать с али, новый год 2019, силиконовый бюстгальтер, top products from china, покупки с aliexpress, kitaitop, алиэкспрес, электронника и гаджеты, китайские, liliya alex, лучшие товары с алиэкспресс, одежда для мужчин и женщин, топ 10 товаров с aliexpress, 10 крутых вещей на aliexpress, 07vredinka, 10 крутых вещей на алиэкспресс

Консультации Астролога. Гороскопы

By Warrenkek(Wed)URL

Консультации астролога http://pp.astrologia-profi.ru Финансы и Карьера. Брак и Семья, Прогнозы, точный гороскоп, персональный гороскоп, прогноз гороскоп, планета гороскоп. судьба гороскоп

Trackbacks